Angular的HTTP拦截器测试失败,但拦截器却正常工作。
创始人
2024-10-24 05:30:18
0

此问题可能是由于测试环境中缺乏必要的配置或模拟HTTP请求而导致的。可以尝试使用HTTP testing module进行模拟请求,并在测试文件中将其导入。以下是一个例子:

import { TestBed } from '@angular/core/testing';
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import { MyInterceptor } from './my-interceptor';

describe('MyInterceptor', () => {
  let httpMock: HttpTestingController;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule],
      providers: [MyInterceptor],
    });
    httpMock = TestBed.inject(HttpTestingController);
  });

  afterEach(() => {
    httpMock.verify();
  });

  it('should add an Authorization header', () => {
    const interceptor = TestBed.inject(MyInterceptor);
    interceptor.intercept(
      httpMock.expectOne(req => true),
      null
    ).subscribe();

    const httpRequest = httpMock.expectOne(req => true);
    expect(httpRequest.request.headers.has('Authorization')).toBeTruthy();
  });
});

在这个例子中,我们首先导入了HttpClientTestingModule和HttpTestingController,然后在beforeEach函数中使用TestBed配置了测试环境。接下来,我们创建了一个拦截器实例,并使用HttpTestingController的expectOne方法模拟了一个HTTP请求。在这个例子中,我们匹配了所有请求,但实际上我们也可以通过参数筛选请求。一旦我们拥有了模拟请求,我们就可以使用拦截器的intercept方法来处理它。最后,我们使用expectOne方法获取了之前模拟的请求,并检查请求头中是否存在Authorization项。

这个例子可以作为测试HTTP拦截器的起点。记住,拦截器函数应该是纯函数,并且应该返回一个可观察的对象。如果还存在问题,可以检查拦截器中的代码是否正确,或者检查

相关内容

热门资讯

黑科技辅助(微扑克专用)微扑克... 黑科技辅助(微扑克专用)微扑克软件素来真的是有挂!太实锤了一贯存在有挂(2023已更新)(哔哩哔哩)...
黑科技玄学(wpk俱乐部)go... 黑科技玄学(wpk俱乐部)governorofpoker3其实是有挂!太离谱了总是是有挂(2022已...
黑科技ai(微扑克)wEpOk... 大家肯定在之前微扑克或者微扑克中玩过黑科技ai(微扑克)wEpOke起初真的是有挂!太嚣张了确实有挂...
黑科技肯定(WPK代打ai)W... 黑科技肯定(WPK代打ai)WPK素来有挂!太实锤了原来真的是有挂(2025已更新)(哔哩哔哩);致...
黑科技游戏(德扑之星入池率)A... 黑科技游戏(德扑之星入池率)AAPOKEr原先是有挂!太实锤了本然存在有挂(2020已更新)(哔哩哔...
黑科技科技(线上wpk德州ai... 黑科技科技(线上wpk德州ai机器人)WpK从来是真的有挂!太实锤了素来存在有挂(2026已更新)(...
黑科技新版(Wepoke工具)... 黑科技新版(Wepoke工具)aapokeR本然是有挂!太坑了本来是有挂(2024已更新)(哔哩哔哩...
黑科技ai代打(微扑克有挂)W... 黑科技ai代打(微扑克有挂)WEPoke竟然有挂!太离谱了往昔是有挂(2023已更新)(哔哩哔哩)是...
黑科技工具(红龙扑克作假)wp... 黑科技工具(红龙扑克作假)wpk游戏本然有挂!太无语了切实有挂(2025已更新)(哔哩哔哩);亲,其...
黑科技挂(扑克王)扑克世界ap... 黑科技挂(扑克王)扑克世界app往昔是有挂!太嚣张了起初真的有挂(2025已更新)(哔哩哔哩),支持...