See also questions close to this topic

• AngularJS Jasmine unit test for classList add

  Trying to write a unit test for a ng-click that adds a CSS class (color change) when the user clicks on the Markers anchor tag. What I have is NOT working, and I have an error... TypeError: Cannot read property 'classList' of null. Using Jasmine and AngularJS. Any help advise is appreciated.

  HTML...

  <div class="panel">
      <ul class="inline-block">
          <li class='subtab'>
              <a id="markersSubtab" ng-click="subtabClick('Markers')">Markers</a>
          </li>
          <li class='subtab'>
              <a id="queryImpactSubtab" ng-click="subtabClick('Query Impact')">Query Impact</a>
          </li>
      </ul>
  </div>
  <div class="tabpanel-content">
      <div ng-show="!queryImpactSelected">
          <cdi-directive></cdi-directive>
      </div>
      <div ng-show="queryImpactSelected">
          <query-impact-control></query-impact-control>
      </div>
  </div>
  

  Controller.js...

  define(function (require) {
  var cdiSummaryTabModule = require("../CDIModule");
  
  cdiSummaryTabModule.controller('CDISummaryTabController', CDISummaryTabController);
  CDISummaryTabController.$inject = ['$scope', '$rootScope', 'QueryImpactService'];
  
      function CDISummaryTabController($scope, $rootScope, QueryImpactService)
      {
          $scope.queryImpactSelected = false;
          $scope.subtabClick = subtabClick;
  
          initialize();
  
          function initialize() {
              subtabClick('Markers');
          }
  
          function subtabClick(tabName) {
              if (tabName == 'Query Impact') {
                  $scope.queryImpactSelected = true;
                  document.querySelector('#markersSubtab').classList.remove('subtabSelected');
                  document.querySelector('#queryImpactSubtab').classList.add('subtabSelected');           
              }
              if (tabName == 'Markers') {
                  $scope.queryImpactSelected = false;
                  document.querySelector('#queryImpactSubtab').classList.remove('subtabSelected');
                  document.querySelector('#markersSubtab').classList.add('subtabSelected');              
              }        
          }
  
  
      };
  });
  

  ControllerTests.js...

  it('Should add subtabSelected class on click of Markers', function () {
  
              var clicked = 'Markers';
              var myElement = angular.element(document.querySelector('#markersSubtab'));
              myElement .add();
              var myDiv= '<div id="markersSubtab" class="subtabSelected"></div>';
              var elementOne= angular.element(myDiv);
              var compiledElement= $compile(elementOne)(scope);
              angular.element(document).find('body').append(elementOne);
  
              scope.$digest();
              scope.subtabClick(clicked);          
  
              expect(compiledElement.hasClass('subtabSelected')).toEqual(true);
  
          });
  
• Mocking single function in class is still running that function - Phpunit 8.2

  I am trying to mock a function that is called inside one of my tests. It checks config and makes a call out but for unit tests we dont set the config values or allow calls out of our code.

  Class with Function that needs to be mocked

   class MyClass {
      public __constructor($a, $b){
        //some code
      }
      public function functionA($a){
        //some code
        $this->functionThatNeedsMock($value);
      }
      public function functionThatNeedsMock($b){
        //throws error if config is missing or if it can't reach the external website
        return $aString;
      }
   }
  

  Unit test:

      $stub = $this->createMock(MyClass::class);
      $stub->method('functionThatNeedsMock')->willReturn('abc');
  
      $uri = 'uri/here';
      $response = $this->asWebUser($user, new WebEndpointConfigure())->postJson($uri, ["message" => "foo"]);
  
      $this->assertResponseOk($response);
  

  I want to just bypass the whole function and whenever that function gets called in the test i want it to just use the mock that returns a string without actually running that function.

  We are behind in phpunit using 8.2
• how properly mock/test constructor with Jest

  I'd like to test Module2 constructor as well as other its functions. What is the proper way to mock Module2 constructor without breaking testFunc1, testFunc2 to test with Jest.

  // ****************************************
  // Module 1 component
  class Module1 {
    init() {
      // ........
    }
  }
  
  module.exports = new Module1()
  
  
  // ****************************************
  // Module 2 component
  const module1 = require('./module1')
  
  class Module2 {
    constructor() {
      try {
        module1.init()
      } catch (err) {
        console.log('error')
        process.exit(1)
      }
    }
  
    testfunc1 = () => {
      // ........
    }
  
    testfunc2 = () => {
      // ........
    }
  }
  
  module.exports = new Module2()
  
• Angular testing of mat-checkbox correctly

  I'm wondering what is the correct way to test about the box checked and binded value are changed?

  This is my HTML

       <div>
        <mat-checkbox class="col-md-9 text-right" id="checkid" name="checkid"
                      [checked]="this.isChecked"
                      (change)="this.isChecked = !isChecked">
          CheckBoxLabel
        </mat-checkbox>
      </div>
  

  Then I tested by

  const checkboxElem = fixture.debugElement.query(By.css('mat-checkbox')).nativeElement;
  expect(checkboxElem.checked).toBeFalsy(); //pass
  expect(comp.isChecked).toBeFalsy(); //pass
  checkboxElem.click();
  fixture.detectChanges();
  expect(checkboxElem.checked).toBeTruthy(); //fail
  expect(comp.isChecked).toBeTruthy(); //fail
  

  The second expect always fails because the checkboxElem.checked=false all the time. I searched around 5 posts about the issue and have tried the following ways but none of those works:

  1. Made this test async and add whenStable(), same result
  2. Use the query By id, same result
  3. Put the text in label and defined element by fixture.debugElement.query(By.css('mat-checkbox label')).nativeElement, same result

  In the debug mode, I cannot see the box of checkbox but only the label. I'm not sure how does jasmine click that element exactly.
• Angular: TestCase For Custom Pipe

  I am new in Unit testing and i need help in writing TestCase for Sort Pipe in karma. My Custom Sorting Pipe is calling Methods Based on DirectionValue,In which the logic for sorting are.

  @Pipe({
    name: 'sortBy'
  })
  export class SortByPipe implements PipeTransform {
  transform(value[], direction:string){
  
      if (direction === 'desc'){
        this.descendingSort(value);
      }
      else if(direction === 'asc'){
        this.ascendingSort(value);
      }
      return value;
    }      
  

  First Case: want to check If it's Calling right Method based on direction value or not.

  Second Case: check the result of sort.

  I tried to write for something like this for second case.

      const direction = 'asc';
      const pipe = new SortByPipe();
      const result = pipe.transform([4,3,2,1], direction);
      expect(result).toBe([1,2,3,4]);
  

  Please Help me understand How i can Solve it. Thanks in Advance
• SonarQube test coverage .NET 5

  I want to show test coverage for my .NET 5 unit tests in my local SonarQube instance (on Windows).

  dotnet sonarscanner begin /k:"MyProject" /d:sonar.host.url="http://localhost:9000"  /d:sonar.login="<token>" /d:sonar.cs.opencover.reportsPaths="**\TestResults\*\*.xml"
  
  dotnet build
  
  dotnet test --no-build --collect:"XPlat Code Coverage"
  
  dotnet sonarscanner end /d:sonar.login="<token>"
  

  The dotnet test command generates the coverage reports as coverage.cobertura.xml files in the <TestProjectDir>.TestResults\<some-guid>\ folder.

  In the logs I can see the following warning: WARN: Could not import coverage report '<MyTestProject>\TestResults\a4af5812-7f80-469b-8876-3ea0c7c4c98d\coverage.cobertura.xml' because 'Missing root element <CoverageSession> in C:\Users\<Path>\TestResults\a4af5812-7f80-469b-8876-3ea0c7c4c98d\coverage.cobertura.xml at line 2'. Troubleshooting guide: https://community.sonarsource.com/t/37151

  Following the link from the warning message, I can see that only Visual Studio Code Coverage, dotCover and OpenCover/Coverlet are supported. As far as I can tell from their GitHub page, is OpenCover/Coverlet is "XPlat Code Coverage".

  In my test projects the coverlet.collector NuGet package v 3.0.3 is installed.

  What am I missing?

  I found this related question: SonarQube: Unable to import test coverage but it doesn't help me because I can't use dotCover.
• Select suite of tests for coverage with pytest

  I'm running a set of tests with pytest and want also to measure its coverage with the coverage package.

  I have some decorators in my code, dividing the tests in several suites using something like:

  @pytest.mark.firstgroup
  def test_myfirsttest():
      assert True is True
  
  @pytest.mark.secondgroup
  def test_mysecondtest():
      assert False is False
  

  I need to find something like:

  coverage run --suite=firstgroup -m pytest

  So that in this case only the first test, since it's in the correct suite, will be used to test coverage.

  The suites work correctly when I use directly pytest but I don't know how to use them in coverage

  Is there any way to configure coverage to achieve this?
• How to run JaCoCo in Android Studio for test coverage?

  I like to use JaCoCo inside of Android Studio 4.2 RC1 instead of the default configured IntelliJ IDEA code coverage option. Therefore, I changed the relevant option in the run configuration:

  

  In my debug build type I have testCoverageEnabled true configured (if needed at all?).

  Once I run the "Run test with coverage" button in the IDE then the following failure shows up:

  Task :app:testDebugUnitTest FAILED FAILURE: Build failed with an exception.

  • Where: Initialization script '/tmp/ijresolvers.gradle' line: 152
  • What went wrong: Execution failed for task ':app:testDebugUnitTest'.

  Related

  • IntelliJ IDEA code coverage documentation
  • The Developers' Bakery - #09 - JaCoCo with Evgeny Mandrikov
  • JaCoCo with IntelliJ
  • How can i run Jacoco in android studio for code coverage
  • Jacoco Code Coverage in android studio
  • YouTrack IDEA-252731: JaCoCo coverage runner fails with Kotlin multi-platform project
• What is the best way to get coverage stats in cucumber js?

  I'm designing my tests using the Behavior Driven Development (BDD) approach using Gherkin syntax and running my tests with Cucumber JS.

  I'm using Cucumber Studio to share reports and keep synced with my business stakeholders, and management.

  Recently I needed to get test coverage reports for the project, and made some research but couldn't decide which library to use to get coverage reports and how.

  So far I've found JSCover, Cucumber Reports, and Istanbul for test coverage reports, but I'm not sure how to use them exactly and which would be best for my case to use with Cucumber JS.
• Running Mocha and Istanbul on multiple cwd

  I'm looking for a way to manage testing and getting the coverage of a project that has multiple microservices, which have their own tests in their directories.

  └── services
      ├── service-1
      │   ├── src
      │   └── test
      ├── service-2
      │   ├── src
      │   └── test
      └── service-3
          ├── src
          └── test
  

  Each service has its own tests, they all need to be executed from their own cwd in order to make the requires and paths working.

  What would be the best way to launch those tests from the root of the project and getting nyc to get the coverage of the whole project ?

  As of right now, I'm using a bash script test.sh:

  #!/bin/bash
  set +e
  
  (cd ./services/service-1 && npm run test)
  (cd ./services/service-2 && npm run test)
  (cd ./services/service-3 && npm run test)
  

  And launching it with npx nyc ./test.sh, but if a test fail on service-1, service-2 and service-3 will still be executed and considered successful despite the first service failing.
• Instrumenting Vue.js 3 Typescript code with istanbul for cypress

  I set up an Vue.js 3 application with TypeScript and want to use Cypress.io for E2E testing. I added the istanbul-instrumenter-loader @cypress/code-coverage packages and the following rule to the chainWebpack of the vue.config.js:

  
       config.module
          .rule("cypress-coverage")
            .test(/\.ts$/)
            .exclude
              .add(/node_modules/)
              .add(/tests/)
              .end()
            .use("istanbul")
              .loader("istanbul-instrumenter-loader")
              .options({ esModules: true });
  
  

  I used https://github.com/zbicin/angular-webpack-typescript-karma-coverage as a reference on how to setup WebPack with Istanbul and TypeScript.

  Unfortunately the above change to the webpack config causes the following error:

   ERROR  Failed to compile with 1 error                                                                                                 16:47:36
  
   error  in ./src/store/modules/posts.ts
  
  Syntax Error: Thread Loader (Worker 0)
  Unexpected token, expected ; (34:2)
  
  
   @ ./src/store/index.ts 5:0-36 7:47-52
   @ ./src/main.ts
   @ multi ./src/main.ts
  

  The store file looks like this:

  import axios from "axios";
  import { Module } from "vuex";
  import { createPost, fetchPosts } from "../../api/posts";
  import { Post } from "../../dto/Post";
  import { RootState } from "../root.state";
  import { PostsState } from "./posts.state";
  
  export default {
    namespaced: true,
    state: {
      posts: {}
    },
    getters: {
      asArray: state => Object.values(state.posts),
      filteredPosts: (state, getters) => {
        return getters.asArray.filter((post: Post) => post.id !== 1);
      }
    },
    actions: {
      async fetchPosts({ commit }) {
        const posts = await fetchPosts();
        commit("setPosts", posts);
      },
      async createPost({ commit }, post: Post) {
        const newPost = await createPost(post);
        commit("setPosts", [newPost]);
      }
    },
    mutations: {
      setPosts(state, posts: Post[]) {
        posts.forEach(post => (state.posts[post.id] = post));
      }
    }
  } as Module<PostsState, RootState>;
  
  

  It seems like there is an issue with the TypeScript transpilation. Weirdly this error only appeared after I added Vuex into the project.
• Exclude components and providers from karma coverage

  I have a component and its provider in my project that im no longer using for now so I want to "remove" it from sonarQube and karma analysis. How can I do this?

  Im working with Angular 5, Ionic3, cordova

  I tried adding in my tsconfing.json the following:

      "include": [
          "src/**/*.ts"
      ],
      "exclude": [
          "node_modules",
          "src/**/*.spec.ts",
          "src/**/__tests__/*.ts",
          "src/components/friend-plan/*.ts",
          "src/components/friend-plan/models/*.ts",
          "src/providers/apis/friend-plan/*.ts",
          "src/providers/apis/friend-plan/models/*.ts",
          "src/providers/apis/friend-plan/models/error/*.ts",
          "src/providers/apis/friend-plan/models/individual/*.ts",
          "src/providers/apis/friend-plan/models/list-individuals/*.ts",
          "test/providers/apis/friend-plan/*.ts"
      ],
      "compileOnSave": false,
  

  

  

  
• Angular 8 karma test both success and error of Observable from service

  I'm testing MyComponent that, in ngOnInit, calls a service method that returns an observable:

      this.myService.getMyData().subscribe(
          (data) => {
              //do something
          },
          (error) => {
              //do something - error
          }
      );
  

  I've installed a spy on getMyData, this way:

  mySpy = spyOn(myService, 'getMyData').and.returnValue(of(mockObject));
  

  and this covers the "success branch" of subscribe. But I need also to cover the "error branch". I've tried doing this:

  spyOn(myService, 'getMyData').and.returnValue(throwError(new Error('Error')));
  

  but of course Jasmine tells me that getMyData has already been spied upon. How can I cover both branches?
• How to generate unit test case code coverage report in .pdf for all components using angular9 and Jasmine

  Angular support code coverage report in .html format(Index.html). The same code coverage report can it be possible to get in .pdf version using angular 9/Jasmine?

  I had tried to modified some settings in Karma.config.js file but no luck. Is any plugin available for it? "Karma-jasmine-html-reporter" same for .pdf file?