Angular的HttpTestingController无法匹配带参数的URL
创始人
2024-10-24 06:00:55
0次

当使用HttpTestingController模拟HTTP请求时,有时会出现无法匹配带参数的URL的问题。此时需要通过传递HttpParams对象来解决这一问题。

以下是一个使用HttpParams对象传递参数的代码示例:

import { HttpTestingController, HttpClientTestingModule } from '@angular/common/http/testing';
import { HttpClient, HttpParams } from '@angular/common/http';

describe('MyService', () => {
  let service: MyService;
  let httpClient: HttpClient;
  let httpTestingController: HttpTestingController;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [HttpClientTestingModule],
      providers: [MyService]
    });

    service = TestBed.inject(MyService);
    httpTestingController = TestBed.inject(HttpTestingController);
    httpClient = TestBed.inject(HttpClient);
  });

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

  it('should send request with query string parameter', () => {
    // Define the value we expect to be returned by the mock backend
    const expectedValue = 'value';

    // Set up the request params
    const params = new HttpParams().set('paramName', 'paramValue');

    // Use the HttpClient to send the request and subscribe to the response
    httpClient.get('https://my-api.com/api-endpoint', {params}).subscribe((response) => {
      expect(response).toEqual(expectedValue);
    });

    // Define the mock response and pass it to the expectOne method of the HttpTestingController
    const req = httpTestingController.expectOne('https://my-api.com/api-endpoint?paramName=paramValue');
    req.flush(expectedValue);
  });
});

在上述代码中,我们通过创建一个HttpParams对象并传递给HttpClient的get方法来设置请求的参数。然后,我们使用HttpTestingController的expectOne方法来定义模拟的响应并指定带参数的URL来匹配请求。最后,我们通过调用flush方法将预期的响应返回给请求。

这种做法可以帮助我们解决HttpTestingController无法匹配带参数的URL的问题。

相关内容

热门资讯

玩家必看科普辅助工具!微乐江西... 玩家必看科普辅助工具!微乐江西麻将多功能辅助工具,微乐江西麻将确实有辅助工具1、微乐江西麻将免费辅助...
揭秘攻略外挂方法!天天黄石麻将... 揭秘攻略外挂方法!天天黄石麻将多功能外挂方法,天天黄石麻将真是真的是有外挂方法1、天天黄石麻将辅助软...
玩家交流外挂技巧!福建众娱多功... 玩家交流外挂技巧!福建众娱多功能外挂技巧,福建众娱都是真的是有外挂技巧玩家交流外挂技巧!福建众娱多功...
一分钟揭秘透视器工具!天天武宁... 一分钟揭秘透视器工具!天天武宁麻将多功能透视器工具,天天武宁麻将其实真的有透视器工具1、天天武宁麻将...
推荐一款辅助攻略!家乡鹤游多功... 推荐一款辅助攻略!家乡鹤游多功能辅助攻略,家乡鹤游一贯真的有辅助攻略1、打开软件启动之后找到中间准星...
教程攻略辅助器软件!博雅地方棋... 教程攻略辅助器软件!博雅地方棋牌多功能辅助器软件,博雅地方棋牌总是是有辅助器软件1)博雅地方棋牌免费...
记者爆料辅助器app!微乐长沙... 记者爆料辅助器app!微乐长沙麻将多功能辅助器app,微乐长沙麻将真是是真的有辅助器app1、玩家可...
玩家科普透视器脚本!奥云集安麻... 玩家科普透视器脚本!奥云集安麻将多功能透视器脚本,奥云集安麻将本来真的有透视器脚本1、下载好奥云集安...
玩家必看科普外挂app!咔遛游... 玩家必看科普外挂app!咔遛游戏多功能外挂app,咔遛游戏一贯有外挂app1、咔遛游戏透视辅助软件激...
我来教大家辅助器攻略!牌乐门多... 我来教大家辅助器攻略!牌乐门多功能辅助器攻略,牌乐门切实是有辅助器攻略1、下载好牌乐门正确养号方法之...