我有一个失败的测试,我不知道如何修复。我从 Jest 收到的错误消息似乎是矛盾的,问题与两个人的行为有关Angular HttpTestingController https://angular.io/api/common/http/testing/HttpTestingController方法:verify()
and expectOne()
.
有问题的测试,在其文件的上下文中:
import {TestBed, getTestBed} from '@angular/core/testing';
import {HttpClientTestingModule, HttpTestingController} from '@angular/common/http/testing';
import {PrintProjectsService} from './print-projects.service';
import {AppConfig} from '../../app.config';
describe('PrintProjectsService', () => {
let injector: TestBed;
let service: PrintProjectsService;
let appConfig: AppConfig;
let httpMock: HttpTestingController;
beforeEach(() => {
TestBed.configureTestingModule({
imports: [HttpClientTestingModule],
providers: [PrintProjectsService, AppConfig]
});
injector = getTestBed();
service = injector.get(PrintProjectsService);
httpMock = injector.get(HttpTestingController);
appConfig = injector.get(AppConfig);
});
afterEach(() => {
httpMock.verify();
});
//This test passes
it('should make a GET request to retrieve a printable factory when provided a printable factory id', () => {
const id = '12345';
service.getPrintableFactory(id).subscribe();
const req = httpMock.expectOne(`${appConfig.API_URL}/api/printed-book/v1/printable-factories/${id}/`);
expect(req.request.method).toBe('GET');
});
// This is the one that fails
it('should make a GET request to retrieve cover image data from the cover service', () => {
const imageType = 'full';
service.getCoverImage(12345, '0850X1100FCSTDCO080CW444GXX', imageType).subscribe();
//httpMock.verify(); //this finds a GET at undefined/cover/api/cover-images/full
const req = httpMock.expectOne(`${appConfig.API_URL}/cover/api/cover-images/${imageType}`);
expect(req.request.responseType).toBe('blob');
});
});
Jest 返回此错误消息:
● PrintProjectsService › should make a GET request to retrieve cover image data from the cover service
Expected one matching request for criteria "Match URL: undefined/cover/api/cover-images/full", found none.
44 | service.getCoverImage(12345, '0850X1100FCSTDCO080CW444GXX', imageType).subscribe();
> 45 | const req = httpMock.expectOne(`${appConfig.API_URL}/cover/api/cover-images/${imageType}`);
46 | expect(req.request.responseType).toBe('blob');
at HttpClientTestingBackend.Object.<anonymous>.HttpClientTestingBackend.expectOne (node_modules/@angular/common/bundles/common-http-testing.umd.js:435:19)
at src/app/services/print-projects/print-projects.service.spec.ts:45:26
...
at Object.testBody.length (node_modules/jest-zone-patch/index.js:50:27)
● PrintProjectsService › should make a GET request to retrieve cover image data from the cover service
Expected no open requests, found 1: GET undefined/cover/api/cover-images/full
23 | afterEach(() => {
> 24 | httpMock.verify();
25 | });
URL 变量渲染到的事实undefined
错误消息中的内容无关紧要 - 通过测试也是如此。
让我困惑的是当expectOne()
测试内达到,找不到请求undefined/cover/api/cover-images/full
,但经过测试后,verify()
找到一个 GET 请求完全相同的 URL: undefined/cover/api/cover-images/full
. verify()
还发现一个 GET 请求undefined/cover/api/cover-images/full
当放在测试之前就行了expectOne()
.
为什么不expectOne()
捕获请求但是verify()
做?错误消息没有告诉我我需要的一切吗?无论我是否运行,我似乎都会收到相同的错误消息jest
or jest --verbose
.