Open app.component.spec.ts and add ReactiveFormsModule to imports array. app.component.spec.ts describe(‘AppComponent’, () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [ ReactiveFormsModule <================================= add this ], declarations: [ AppComponent, HoursCalculatorComponent ], }).compileComponents(); }));
To accomplish this I define a common function and then refer to it in the beforeAll/afterAll of each nested describe. describe(‘Wrapper’, function() { var _startup = function(done) { login(); window.setTimeout(done, 150); }; var _shutdown = function() { logout(); }; describe(‘Inner 1’, function() { beforeAll(_startup); afterAll(_shutdown); }); describe(‘Inner 2’, function() { beforeAll(_startup); afterAll(_shutdown); }); describe(‘Inner 3’, … Read more
You can know the jasmine version you are using by running the following Spec: describe(‘Test to print out jasmine version’, function() { it(‘prints jasmine version’, function() { console.log(‘jasmine-version:’); console.log(jasmine.version || (jasmine.getEnv().versionString && jasmine.getEnv().versionString())); }); }); and then checking the karma output in your console or browser. It should be something like: LOG: ‘jasmine-version:’ LOG: ‘2.3.4’ … Read more
Preventing lifecycle hook (ngOnInit) from being called is a wrong direction. The problem has two possible causes. Either the test isn’t isolated enough, or testing strategy is wrong. Angular guide is quite specific and opinionated on test isolation: However, it’s often more productive to explore the inner logic of application classes with isolated unit tests … Read more
Your test fails because a request is made which you haven’t specified. Try to add: $httpBackend.when(‘GET’, ‘views/core/main/main.html’).respond(fakedMainResponse); Of course you should also define fakedMainResponse. Please take a look also at the documentation (section Request Expectations vs Backend Definitions) which says: Request expectations provide a way to make assertions about requests made by the application and … Read more
I’ve had some trouble simulating a keypress in a unit test also. But came across an answer by Seyed Jalal Hosseini. It might be what you’re after. If you’re attempting to simulate a keypress you can trigger an event by calling dispatchEvent(new Event(‘keypress’)); on the element. Here is the answer I’m referring to which gives … Read more
You need to set up the spy before the method is called. Jasmine spys wrap function to determine when they are called and what they get called with. The method must be wrapped before the spied on method is called in order to capture the information. Try changing your test to match the following: it(‘should … Read more
You need this for version rxjs@6 and above. For older rxjs version answer is below: import { of } from ‘rxjs’; it(“should call getUsers and return list of users”, async(() => { const response: User[] = []; spyOn(userService, ‘getUsers’).and.returnValue(of(response)) homeComponent.getUsers(); fixture.detectChanges(); expect(homeComponent.listOfUsers).toEqual(response); })); For old rxjs version change import from: import { of } from … Read more
$httpBacked.flush() actually starts and completes a $digest() cycle. I spent all day yesterday digging into the source of ngResource and angular-mocks to get to the bottom of this, and still don’t fully understand it. As far as I can tell, the purpose of $httpBackend.flush() is to avoid the async structure above entirely. In other words, … Read more
When you run npm install -g somepackage, you may get an EACCES error asking you to run the command again as root/Administrator. It’s a permissions issue. It’s easy to fix, open your terminal (Applications > Utilities > Terminal) sudo chown -R $USER /usr/local ** I strongly recommend you to not use the package management with … Read more