jasmine – Page 6 – Tarik Billa

Angular 4 fixture component persists in DOM during Jasmine tests

August 24, 2023 by Tarik

Jasmine nor Angular will ever remove it automatically, maybe to help you to get more details about your test execution. To remove it you simply use afterEach(…), like: beforeEach(() => { fixture = TestBed.createComponent(MyComponent); comp = fixture.componentInstance; debugElement = fixture.debugElement; element = debugElement.nativeElement; }); afterEach(() => { document.body.removeChild(element); }); For none Angular users: afterEach(() => … Read more

Exporting classes with node.js

August 22, 2023 by Tarik

require returns an object, you should store it somewhere var Bob = require(‘./bob’); and then use this object var bobInstance = new Bob();

How do I unit test if an element is visible when the *ngIf directive is used using Jasmine in Angular

August 21, 2023 by Tarik

If the element is hidden, then it wont be rendered inside the dom. You can check expect(fixture.debugElement.query(By.css(‘.header’))).toBeUndefined(); EDIT : toBeNull() works better in the above case expect(fixture.debugElement.query(By.css(‘.header’))).toBeNull(); And also you have a syntax error while fetching the button element. nativeElement is not a function. Change it this way : const button = fixture.debugElement.query(By.css(‘button’)).nativeElement;

How would I test a $scope.watch (AngularJS) change in Jasmine?

August 20, 2023 by Tarik

In your unit tests you need to manually call $scope.$digest() or $scope.$apply() to trigger $scope.$watch(). Normally in your code you wouldn’t have to do this, since directives like ng-click do $rootScope.$apply for you behind the scenes.

Get currently executed describe/test name

August 16, 2023 by Tarik

From this thread: console.log(expect.getState().currentTestName); Worked for me.

Why is $provide only available in the ‘angular.mock.module’ function, and $q only available in the ‘angular.mock.inject’ function?

August 15, 2023 by Tarik

You can’t use $provide within the inject function because the former registers providers for the latter to use. Take a look: describe(‘…’, function() { beforeEach(function() { module(function($provide) { $provide.constant(‘someValue’, ‘foobar’); }); inject(function(someValue) { var value = someValue; // will be ‘foobar’; }); }); }); You can though write your test this way: describe(‘…’, function() { … Read more

AngularJS $timeout function not executing in my Jasmine specs

August 12, 2023 by Tarik

According to the Angular JS documentation for $timeout, you can use $timeout.flush() to synchronously flush the queue of deferred functions. Try updating your test to this: it(‘should do stuff’, function() { expect($scope.stuffDone).toBeFalsy(); $scope.doStuff(); expect($scope.stuffDone).toBeFalsy(); $timeout.flush(); expect($scope.stuffDone).toBeTruthy(); }); Here is a plunker showing both your original test failing and the new test passing.

Angular Unit testing : Error: Cannot match any routes. URL Segment: ‘home/advisor’

August 12, 2023 by Tarik

You need RouterTestingModule.withRoutes like so: beforeEach(async(() => { TestBed.configureTestingModule({ imports: [ RouterTestingModule.withRoutes( [{path: ‘yourpath’, component: BlankComponent}] ) ], declarations: [ BlankComponent, YourComponentBeingTested ] }) .compileComponents() }))

Karma – Chrome failed 2 times (cannot start). Giving up

August 9, 2023 by Tarik

I had the same problem and tried a lot of the suggested solutions I found, but what finally solved it for me was to delete the node_modules folder and getting everything new via npm install.

Does Jasmine’s toThrow matcher require the argument to be wrapped in an anonymous function?

August 8, 2023 by Tarik

We can do away with the anonymous function wrapper by using Function.bind, which was introduced in ECMAScript 5. This works in the latest versions of browsers, and you can patch older browsers by defining the function yourself. An example definition is given at the Mozilla Developer Network. Here’s an example of how bind can be … Read more