对Angular使用了HttpClient的服务进行单元测试

待测试的服务：

import { Injectable } from '@angular/core';
import {HttpClient} from '@angular/common/http';@Injectable()
export class BookManageService {private API_PATH = 'https://www.googleapis.com/books/v1/volumes';constructor(private http: HttpClient) { }searchBooks(queryTitle: string) {return this.http.get(`${this.API_PATH}?q=${queryTitle}`);}
}

单元测试代码：

import { TestBed } from '@angular/core/testing';
import { BookManageService } from './book-manage.service';
import { Book } from '../model/books';
import { of } from 'rxjs';describe('Book Manage service', () => {let httpClientSpy: { get: jasmine.Spy };let bookService: BookManageService;beforeEach(() => {httpClientSpy = jasmine.createSpyObj('HttpClient', ['get']);bookService = new BookManageService(httpClientSpy as any);});it('should return expected books (HttpClient called once)', () => {const BOOK: Book = {id: 'Jerry-Book',volumeInfo: {title: 'Diablo',subtitle: 'Diablo II',authors: ['Jerry', 'Tom'],publisher: 'SAP',publishDate: '2020-2-2',description: 'This is great book',averageRating: 1,ratingsCount: 100}};const expectedBooks: Book[] = [ BOOK];httpClientSpy.get.and.returnValue(of(expectedBooks));bookService.searchBooks('Jerry').subscribe(books => expect(books).toEqual(expectedBooks, 'expected books'),fail);expect(httpClientSpy.get.calls.count()).toBe(1, 'one call');});
});

测试结果：

对Angular使用了HttpClient的服务进行单元测试相关推荐

apache httpclient 工具类_使用HttpClient进行服务的远程调用
目标:使用apache公司的产品http httpcomponents 完成服务调用. HTTPClient调用服务 4:导入httpclient的依赖配置 org.apache.httpcompon ...
Junit-对涉及数据库操作的服务进行单元测试
之前一直不知道怎么通过单元测试,对涉及数据库操作的服务进行验证,现在了解了,做个记录. ******************************************************** ...
【请求后台接口】30秒完成Angular10精简版HttpClient请求服务搭建
ng g s services/http app.module.ts ... @NgModule({declarations: [...],imports: [...HttpClientModule, ...
Angular中怎样创建service服务来实现组件之间调用公共方法
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
Angular应用里使用HTTP服务的一个具体例子
导入HttpClientModule: import { HttpClientModule } from '@angular/common/http'; 然后添加到NgModule的imports区域 ...
Angular.js前端简单微服务架构设计
1.使用angular脚手架进行多项目工作区搭建* 搭建后的项目到project层,后续项目需自主配置 ng new my-workspace --create-application false 2 ...
IP:PORT failed to respond HttpClient 请求服务端报错
此问题排查方向为连接本身的问题比如:客户端使用连接池技术访问服务端,连接池默认情况下使用了长连接来避免每次建立连接消耗,从而提升性能,但是服务端设置了keepalive timeout ,服务端在规 ...
使用jasmine.createSpyObj具有依赖关系的Angular服务进行单元测试
具有依赖关系的Service源代码: import { Injectable } from '@angular/core';@Injectable() export class MasterServi ...
关于Angular里给Component protected方法写单元测试的技巧
本文写作背景是,我需要开发一个单元测试,能够测试到protected convertListItem方法. 我直接敲service., Visual Studio Code的代码自动完成列表里,没有出 ...

对Angular使用了HttpClient的服务进行单元测试

对Angular使用了HttpClient的服务进行单元测试相关推荐

最新文章

热门文章