angular-testing

问题 convert angular 7 project into angular universal while running "ng test" command giving error as " Incomplete: No specs found, , randomized with seed 48751 ". Tried different ways mention over stackoverflow but nothing work for me. ERROR in ./src/polyfills.ts Module build failed (from ./node_modules/@ngtools/webpack/src/index.js): Error: ../src/polyfills.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. at

问题 convert angular 7 project into angular universal while running "ng test" command giving error as " Incomplete: No specs found, , randomized with seed 48751 ". Tried different ways mention over stackoverflow but nothing work for me. ERROR in ./src/polyfills.ts Module build failed (from ./node_modules/@ngtools/webpack/src/index.js): Error: ../src/polyfills.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. at

问题 I have checked a lot of articles and answers but I don't seem to find the right way to mock HTTP Requests for my methods. I want to test my frontend application independently from the backend . Here is the type of methods I have: private getProfile() { this.http .get('go/profile/get', {withCredentials: true}) .subscribe((profile: Profile) => { this.user.profile = profile; this.updateLineMsgs(); }); } Any suggestions ? 回答1: Usually i mock my Http requests with HttpClientTestingModule : import

问题 I try to change checkbox checked property by changing model but it doesn't work. I cannot understand this behavior. Template : <input type="checkbox" [(ngModel)]="model"/> Testing Code : it('should be checked after click on unchecked checkbox', () => { const checkbox: HTMLInputElement = fixture.nativeElement.querySelector('input'); component.model = true; fixture.detectChanges(); expect(checkbox.checked).toBeTruthy(); }); Full code: https://stackblitz.com/edit/angular-testing-checkbox?file

问题 I'm new to angular unit testing. What I want to do is getting actual results from my API. I checked this documentation but as I understand, I should create mock responses. Here is my code, myService.ts: ... public GetAll = (apiname: string): Observable<Object> => { return this._http.get("foo/" + apiname,{headers:this.options}); //this.options = newHttpHeaders({'ContentType':'application/json','Accept':'application/json'}); } ... myService.spec.ts: ... beforeEach(() => { TestBed

问题 I've been trying to setup testing in our Hybrid AngularJS/NG6 App but wow is this difficult to do. I keep getting constant errors. The latest is the following: Error: StaticInjectorError(DynamicTestModule)[$injector]: StaticInjectorError(Platform: core)[$injector]: NullInjectorError: No provider for $injector! I have the following component : import { Component, OnInit, Input, Inject } from '@angular/core'; import { DashboardService } from '../../services/dashboard/dashboard.service';

问题 I'm trying to get the code coverage of my angular project. I'm not very well versed with the tools. I decided to use "istanbul-instrumenter-loader": "^3.0.1" . I tried taking help from this question: angular cli exclude files/directory for ng test--code-coverage and Regex that doesn't match spec.ts and spec.tsx but should match any other .ts and .tsx And many other solutions given on the same thread. My problem is that I want to exclude spec files which I wrote for unit testing. Here is the

问题 In my Angular 4 component I have something like: constructor(private route: ActivatedRoute) { } ngOnInit() { this.myId = this.route.snapshot.params['myId']; } And I'm trying to create a mock that suppose to look like follows: class MockActivatedRoute extends ActivatedRoute { public params = Observable.of({ myId: 123 }); } My test fails with: TypeError: Cannot read property 'params' of undefined. How do I suppose to mock it? Have I misunderstood the proper usage of ActivatedRoute and should

问题 I have an input HTML File filed <input type="file" class="custom-file-input" id="question-file-upload" formControlName="image" (change)="handleFileSelect($event)"> I want to unit test handleFileSelect function. But I don't know how to trigger the onChange method of the input. Following is the spec I have written but I get error imageInputNE.onchange is not a function fit('should keep track of image counter when an image is loaded', () => { let newPracticeQuestionComponent = component; expect

问题 I have an input HTML File filed <input type="file" class="custom-file-input" id="question-file-upload" formControlName="image" (change)="handleFileSelect($event)"> I want to unit test handleFileSelect function. But I don't know how to trigger the onChange method of the input. Following is the spec I have written but I get error imageInputNE.onchange is not a function fit('should keep track of image counter when an image is loaded', () => { let newPracticeQuestionComponent = component; expect