使用jasmine.SpyObj - Angular/Jasmine测试服务属性上的可观察值
jasmine.SpyObj是Angular中的一个测试工具，用于创建一个模拟对象，以便在测试中对其进行操作和验证。在这个问题中，我们使用jasmine.SpyObj来测试服务属性上的可观察值。
可观察值是Angular中的一种特殊类型，用于处理异步数据流。它可以在应用程序中的不同部分之间传递数据，并在数据发生变化时通知订阅者。
使用jasmine.SpyObj来测试服务属性上的可观察值的步骤如下：
- 创建一个模拟对象：
- 创建一个模拟对象：
- 这将创建一个名为"ServiceName"的模拟对象，并定义一个名为"observableProperty"的可观察属性。
- 设置可观察属性的返回值：
- 设置可观察属性的返回值：
- 这将设置"observableProperty"属性的返回值为一个可观察对象，该对象发出一个值为"mocked value"的数据。
- 在测试中使用模拟对象：
- 在测试中使用模拟对象：
- 在测试中，您可以像使用任何其他对象一样使用模拟对象，并对其进行操作和验证。
使用jasmine.SpyObj来测试服务属性上的可观察值的优势是可以轻松地创建模拟对象，并对其进行操作和验证，而无需实际调用真实的服务。这样可以使测试更加独立和可靠。
应用场景： 在Angular应用程序中，当我们需要测试一个服务属性上的可观察值时，可以使用jasmine.SpyObj来创建一个模拟对象，并对其进行操作和验证。这对于确保可观察值在不同情况下的行为和数据流是非常有用的。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列的云计算产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
1回答
在我的服务中，我创建了一个主题'allDataChange‘ allDataChange = new Subject<AllData>(); 在我的组件中我有 ngOnInit() {
...
this.detailsService.allDataChange.subscribe((data) => {
... something gets done here
});
} 在我的测试中。好吧，我不知道我在做什么，但每当我运行测试时，我都会看到一个函数: this.detailsService.allDataChange.subscribe is
浏览 14提问于2019-04-13得票数 0
3回答
如何在方法内部测试订阅
、、、
考虑这个角分量：
export class CheckoutComponent {
constructor(private paymentService: PaymentService, private paymentModalService: PaymentModalService) {}
public onCheckout(): void {
const paymentStatus$: Observable<string> = this.paymentService.getStatus();
const paymentRequired$ = paym
浏览 7提问于2021-05-24得票数 1
回答已采纳
在我的Angular 9项目中，我添加了jest，删除了Jasmine和Karma。 我正在测试一个名为CorrectionService的服务，它依赖于一个名为RemoteService的服务。 我想窥探RemoteService，看看是否调用了某个方法。我已经成功地使用jest RemoteService手动模拟了它。 现在我想使用TestBed。我之前的Jasmine测试是这样的： import { TestBed } from '@angular/core/testing';
import { HttpClientTestingModule, HttpTestingC
浏览 16提问于2020-04-15得票数 2
回答已采纳
我正在尝试测试绑定到内联属性而不是服务上的方法的observable，但是我似乎找不到任何关于如何在SpyObj本身或通过spyOn/SpyOnProperty调用返回正确值的示例。
// ContentService
readonly content$ = this.http.get('www.testContent.com');
// ParentService
constructor(private readonly contentService: ContentService){
this.loadContent();
}
// This could retu
浏览 8提问于2020-05-20得票数 1
回答已采纳
1回答
角度测试护路器
、、、、
目前，我正在挣扎于单元测试我的canActivate()方法从我的路由器警卫服务。该处的情况如下：
import {Injectable} from '@angular/core';
import {ActivatedRouteSnapshot, CanActivate, Router} from '@angular/router';
import {AuthService} from '../../auth/auth.service';
import {Observable, of} from 'rxjs';
import {N
浏览 1提问于2018-09-04得票数 3
回答已采纳
1回答
我有一个关于使用Jasmin/Karma的角度单元测试的查询。
我有3个服务如下: EmployeeService、SalaryService和TaxationService。
EmployeeService依赖于在其构造函数中注入的SalaryService。
SalaryService依赖于在其构造函数中再次注入的税务服务。
在我的employee.component.spec.ts中，我有以下代码：
let employeeService: EmployeeService;
let salaryServiceSpy: jasmine.SpyObj<SalaryService>
浏览 5提问于2020-08-25得票数 2
回答已采纳
我试图在使用定制编写管道的组件上编写测试，但是我从业力中得到了错误，我没有正确地提供它。项目正在构建/工作，没有错误(似乎一切都是正确的)，但是对于测试，似乎有什么问题。怎么了，怎么解决？:？(有些组件仅在html中使用，有些组件用于服务等，因此问题似乎不在提供者: AppTranslatePipe中。)
Failed: StaticInjectorError(DynamicTestModule)[AppTranslatePipe ->
TranslateService]:
StaticInjectorError(Platform: core)[AppTranslatePipe
浏览 2提问于2019-08-08得票数 1
回答已采纳
我得到了以下错误： Error: Timeout - Async callback was not invoked within 5000ms (set by jasmine.DEFAULT_TIMEOUT_INTERVAL)
at <Jasmine> 如果我没有在每次测试之前重新初始化resourceSubject$ in，这两个测试都不会工作(我的意思是，测试不会覆盖所有的订阅代码)，当我尝试创建一个新的AsyncSubject beforeEach时，我得到了上面的错误 我的服务订阅了我需要测试的事件 这是我的测试代码： let resourc
浏览 8提问于2019-06-12得票数 0
我有一个Angular CLI项目，它有默认的Karma测试运行程序。我用this tutorial用Jest替换了Karma，并注意到一些测试正在通过一些失败的测试。 例如，在测试级别声明一个变量： let mockObj: jasmine.SpyObj<MyClass>; 抛出错误： error `"Namespace 'jasmine' has no exported member 'SpyObj'` @angular-builders/jest: "^8.3.2"
jest: "^24.9.0"
ja
浏览 60提问于2020-01-17得票数 1
回答已采纳
1回答
我有一个Angular服务方法，它使用另一个服务进行api调用。在调用成功之后，在订阅内部，我调用一些方法，例如notifySucess，发出新的值……
我的问题是，我如何测试订阅中的代码块，例如，期望notifySucess被调用。我在订阅中放置了一个断点，但代码执行并没有停止。
对于测试组件，我知道有'fixture.detectChanges()‘方法可以应用。对于服务测试，有没有类似的机制？
resource.service.ts
@Injectable({
providedIn: 'root',
})
export class ResourceServic
浏览 4提问于2021-07-19得票数 0
我知道下面的错误
An error was thrown in afterAll
TypeError: this.router.navigate(...) is undefined in http://localhost:9876/_karma_webpack_/main.js (line 6552)
59104/signOut/<@http://localhost:9876/_karma_webpack_/main.js:6552:25
__tryOrUnsub@http://localhost:9876/_karma_webpack_/vendor.js:161782
浏览 9提问于2022-10-16得票数 0
我想以与angular示例相同的方式将服务注入到serviceSpy中。Angular 9
let masterService: MasterService;
let valueServiceSpy: jasmine.SpyObj<ValueService>;
beforeEach(() => {
const spy = jasmine.createSpyObj('ValueService', ['getValue']);
TestBed.configureTestingModule({
// Provide both the servi
浏览 1提问于2020-03-16得票数 3
我是第一次接触Jasmine，Karma测试。我在编写名为AuthRealService的服务的测试用例之一时遇到了问题，该服务使用接口名称AuthService注入到组件LoginComponent中。 这是AuthService接口 import { Observable } from 'rxjs';
export const AUTH_SERVICE = 'AUTH_SERVICE';
export interface AuthService {
doAuthenticate(loginUser: any): Observable<any&g
浏览 16提问于2021-07-13得票数 0
2回答
我有一个服务，我正在尝试测试，它引用了另外两个服务
export class UserService {
private env: EnvConfiguration;
constructor(private userApiService: UserApiService, private envService: EnvService) {
this.envService.load().subscribe(env => {
this.env = env;
});
this.userApiService.rootUrl = this.env.ap
浏览 8提问于2020-07-29得票数 3
回答已采纳
1回答
我试图实现一个角度单元测试使用茉莉花第一次跟随一些例子，e和我发现了一些问题。
因此，我有一个PeopleListComponent类，它隐含了组件的逻辑：
import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
import { EventService } from '../event.service';
import interactionPlugin, { Draggable } from '@fullcalendar/intera
浏览 1提问于2020-05-23得票数 1
回答已采纳
在我的角度测试中，我不能正确地模拟我注入的服务中函数的返回值。 我使用的是： jasmine v2.8.0和jasmine-core v2.8.0 我简化了代码，使其更容易理解。这就是..。 这是我想要测试的服务： export class NetworkService {
testNumber = 0;
constructor(private networkReducerService: NetworkReducerService) {
this.testNumber = networkReducerService.getNumber();
}
} 这是我的spec
浏览 21提问于2019-10-10得票数 0
回答已采纳
当运行我得到的测试时，我得到的是"TypeError: this.dashboardService.serviceAgents$.pipe不是一个函数“错误。
ServiceDashboard页面代码如下：
import { Component } from '@angular/core';
import { ServiceDashboardService } from '../services/service-dashboard.service';
import { tap } from 'rx
浏览 2提问于2019-10-14得票数 4
回答已采纳
我想测试我的Angular2组件中的错误处理，因此我想模拟一个服务来返回一个错误(‘Observable.throw’)。如何使用Jasmine、Karma和Angular 2来做到这一点？
浏览 0提问于2016-12-05得票数 22
回答已采纳
我正在编写我的第一个基于官方Angular docs的单元测试 然而，当我尝试使用他们的示例时，我在尝试测试时得到了上面提到的错误。我四处寻找，但找不到任何关于这个特定错误的信息。 我的尝试是： import { TestBed } from '@angular/core/testing';
import { HttpClient } from '@angular/common/http';
import { VService } from './vservice';
fdescribe('VService', () =&g
浏览 22提问于2019-05-18得票数 0
回答已采纳
1回答
我正在尝试测试SignalR HubConnection的onclose回调，但我找不到如何触发onclose回调。 这是我想要测试的： @Injectable({
providedIn: 'root'
})
export class CloseConnectionHandlerService {
constructor(
private signalRService: SignalRService) {
}
public initialize(): void {
this.signalRService.hubConnection?.oncl
浏览 22提问于2021-06-27得票数 0
我的问题是我不知道如何在订阅主题的组件上测试订阅，我的代码是这样的： Util服务： private clearFlag = new Subject<boolean>();
public readonly message$ = this.clearFlag.asObservable();
getClearFlag(): Observable<boolean> {
return this.message$;
}
setClearFlag(clear: boolean) {
this.clearFlag.next(clear);
} 在组件中，我在ngOnIn
浏览 10提问于2021-10-12得票数 0
回答已采纳
在我的角服务中，我有一个属性myPropertyOne: Observable<string>，我想使用jasmine.createSpyObj方法来模拟这个属性。所以，我试着在下面做间谍
const myServiceSpy: jasmine.SpyObj<myService> = jasmine.createSpyObj('myService', ['myMethodOne'], ['myPropertyOne'])
我想为我的间谍属性“myPropertyOne”设置值。此外，对于要测试的不同测试规范，应该更改此
浏览 0提问于2020-06-02得票数 1
我正在尝试测试以下服务。
@Injectable()
export class TranslationService {
language = 'NL';
constructor(contextService: ContextService) {
let context = contextService.getContext();
this.language = context.language;
}
}
实际测试：
describe('TranslationService', () => {
let servic
浏览 17提问于2018-03-01得票数 3
回答已采纳
1回答
我正在尝试为我在spec文件中导入数据服务的服务创建单元测试。 然后我会在每一个方法之前调用它。 providers: [
{ provide: dataservice}
], 我得到了这个错误 TypeError: Cannot read property 'setNumber' of undefined
this.dataService.setNumber(null); 根据我添加的以下用户 const spyDataService = jasmine.createSpyObj('DataService', ['setNum
浏览 12提问于2020-09-17得票数 0
对代码进行一些更改，因为我想尝试一些新特性，因此我从使用构造函数()切换到使用inject()导入服务。现在我的测试失败了，我似乎找不到任何关于如何测试它的文档。
如何将测试更改为使用inject()方式。
old code
export ResetService {
constructor(private serviceOne: ServiceOne)
{}
}
// updated
export ResetService {
#serviceOne = inject(ServiceOne)
}
// old testing code
describe(
浏览 7提问于2022-11-29得票数 0
回答已采纳
根据测试服务的角度文档，我试图了解如何创建htpClientSpy。目前我有这样的设置：
import { TestBed } from '@angular/core/testing';
import { AuthService } from '../../../core/auth/auth.service';
import { PermissionsService } from '../services/permissions.api.service';
import { HttpClientTestingModule } from '
浏览 0提问于2018-04-02得票数 1
回答已采纳
所有人。我正在这个上构建一个Ionic应用程序。现在，我正在为一个特定的页面构建测试，并且我正在使用茉莉来模拟提供程序，并为方法设置预期的行为。这就是beforeEach()方法的样子：
beforeEach(() => {
mockLoadingController = jasmine.createSpyObj('ModalController', ['create', 'present', 'dismiss']);
mockLoadingController.create.
浏览 3提问于2017-04-07得票数 7
回答已采纳
2回答
我刚开始做集成测试。整件事太让人困惑了。
对于我的第一次测试，我的间谍似乎并没有像我打算返回的那样返回数据。给予和错误:期望0为3。如果有人能帮助我理解我做错了什么，那就太好了。
这是我的服务、页面、规范文件以及模板：
MyService
import { Data } from './../data/data.model';
import { Injectable } from '@angular/core';
import { BehaviorSubject, of } from 'rxjs';
import
浏览 3提问于2021-01-24得票数 2
回答已采纳
3回答
我在运行ng test后出现了一些错误，在对我的所有包进行升级之后，如下所示的版本：
{
"@angular/animations": "^5.2.0",
"@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0",
"@angular/core": "^5.2.0",
"@angular/forms": "^5.2.0",
"@angular/http": &#
浏览 0提问于2018-04-09得票数 2
回答已采纳
我有一个服务，它订阅构造函数中依赖项的可观察字段。我试图为该服务编写单元测试，在这样做时，我试图忽略对该服务的订阅。换句话说，对于其中的一些测试，我从来不想发出一个值，因为我正在测试一个无关的函数。我如何才能创建一个对我的服务的模拟/间谍，而不使用这种可观察到的东西呢？
服务
export class MyService {
constructor(private authService: AuthService) {
this.authService.configure();
this.authService.events.subscribe(async (event)
浏览 16提问于2022-11-15得票数 1
我正在尝试测试一个简单的场景，定义了以下效果：
import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { EMPTY } from 'rxjs';
import { catchError, map, mergeMap } from 'rxjs/operators';
import { TodosService } from '../services/t
浏览 0提问于2021-04-17得票数 0
回答已采纳
我正在写我的第一个角度6单元测试。我遵循这个源来构造我的测试文件，最后得到了我无法解决的错误。我在其中找到了一个，但不幸的是没有得到答案。请指导我解决这个错误。谢谢。这是我的档案
component.ts
import { Component } from '@angular/core';
import { InputModel } from '../model/formInput';
import { APIService } from '../service/APIService';
@Component({
selector: &
浏览 1提问于2018-08-29得票数 1
日安。
目前运行一个项目的角度框架。我试图为带有依赖关系的服务编写测试用例，但显然不了解如何构建它。下面是两个有问题的班级。
这是LoginService
@Injectable({
providedIn: 'root'
})
export class LoginService implements CanActivate, OnInit {
constructor(private router: Router,
private httpClient: HttpClient,
private cookieServ
浏览 0提问于2018-11-22得票数 5
回答已采纳
我试图自学如何使用Angular编写代码，但我遇到了一个问题。我正在为自己创建一个应用程序，并且我刚刚实现了Angular Material对话框。我把它放在一个包装器服务中，看起来一切都很好。因此，在组件中，我调用包装器服务来引发一个模式，如下所示...
public assignInstrument(instrument: any): void {
this.modalDialogWrapperService.openAssignmentWindow({
product: 'instrument',
type: instrument.
浏览 0提问于2019-03-04得票数 28
回答已采纳
我们正在为我们的应用程序设置一个暗模式主题，我们通过更改body元素上的CSS类来设置它。它是通过一个AngularJS服务进行开关的，调用如下... function setTheme(theme){
angular.element("body").addClass(theme);
} 我正在尝试在服务中使用Jasmine编写单元测试，以确保通过添加主题CSS类来调用angular.element("body")，例如…… this.mockAngularElement = {
addClass: jasmine.createSpy("
浏览 47提问于2020-01-28得票数 0
回答已采纳
1回答
用角和茉莉监视对话和观察
、、、、
我有一个相当大的服务方法，我正在尝试测试。我现在不能改变这个方法。
downloadRow(event: any, cell: any, mult_download: boolean): void {
const maxDownloadSize = this.propsService.getProperty('maxDownloadSize');
if (!mult_download) {
const observationSize = cell.getData().file_size;
cons
浏览 5提问于2022-03-01得票数 -1
回答已采纳
我在学习茉莉花和因果报应的角度测试。在我的项目中，我遇到了这个showBanner()方法，不知道如何继续下去。这是一个服务方法，它使用给定的params创建一个横幅组件，并在构造函数中注入ComponentFactoryResolver和ApplicationRef。
我做了一些研究，但没有找到任何与此相关的例子。如何模拟构造函数依赖项，特别是ApplicationRef。我读到了一些地方，在试验室中的提供者数组中没有必要模拟ApplicationRef，但是我一直得到这个错误-> TypeError:无法读取showBanner方法第1行的未定义(Reading‘instance)的
浏览 9提问于2021-12-07得票数 0
我正在遵循为应用程序编写测试的官方“测试”指南。
在测试带有依赖关系的服务时，我需要为这些依赖关系提供模拟，但有趣的是，这似乎不适用于ApplicationRef，我很想知道原因。
这项服务是这样的：
export class MyService {
constructor(
private dependentService: DependentService,
private applicationRef:ApplicationRef
){}
...
以及相应的测试规范：
describe('MyService', (
浏览 3提问于2018-07-04得票数 2
回答已采纳
1回答
如何使用Jasmine在Angular中对以下服务进行单元测试
angular.module('xyz')
.service('noteCardDisplay', function () {
function waitForDialog() {
var dialogWrapper, dialogModal;
dialogWrapper = angular.element('.modal-content').parent().parent();
dialogWrapper.css
浏览 1提问于2016-03-23得票数 0
请帮助我了解如何将Angular-Jasmine-Karma堆栈连接到Jenkins。我有一个Angular.js web应用程序，我用Karma (néTestacular)和Jasmine进行了测试。它看起来就像。我想使用Jenkins持续集成来测试它。
到目前为止，我已经根据教程安装了Angular，Jasmine和Karma。我已经安装了Jenkins。我可以让它们各自独立工作。在我看来，Karma似乎应该输出Jenkins摄取的XML文件，但是Karma并没有一致地输出文件，我在概念上不理解这一点。Jenkins在什么时候打电话给Karma？
一个好的答案是概述在Jenkins中进行
浏览 1提问于2014-03-28得票数 17
4回答
使用新创建的Angular 11项目。 app.component.html <div *ngFor="let i of getItems()">
<select (change)="onSelectionChange($event.target.value)">
<option></option>
<option>1</option>
<option>2</option>
<option>3</option&g
浏览 32提问于2021-01-02得票数 2
回答已采纳
2回答
对调用服务的指令进行单元测试
、、、、
我有一个查看当前URL并检索querystring参数的服务：
app.service('myService', function($location) {
return {
getCustID : function() {
return $location.search().custID;
}
};
});
我已经能够通过以下方式成功地进行单元测试：
describe('myService', function(){
var $location, myService;
浏览 0提问于2015-09-28得票数 0
因此，我正在学习如何在test中测试服务，并试图在角文档中复制下面的示例。
let httpClientSpy: { get: jasmine.Spy };
let heroService: HeroService;
beforeEach(() => {
// TODO: spy on other methods too
httpClientSpy = jasmine.createSpyObj('HttpClient', ['get']);
heroService = new HeroService(<any> httpClien
浏览 0提问于2018-09-11得票数 30
回答已采纳
1回答
我试着测试一个效果，但我不知道如何监视valueChanges属性的手表方法
@Effect()
signup$: Observable<Action> = this.actions$.pipe(
ofType(AuthActionTypes.SIGNUP),
map((action: Signup) => action.payload),
switchMap((user: any) => {
this.userSignup = user;
return this.createUserGQL.mutate({ us
浏览 1提问于2019-02-06得票数 0
回答已采纳
1回答
我使用的是Angular 6，NgRx 6，RxJS 6。
我有一个路障，看起来像这样-
import { CanActivate, ActivatedRouteSnapshot } from '@angular/router';
import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
import { IAppState } from '../../../app.state';
import { Store } from
浏览 0提问于2018-06-13得票数 10
回答已采纳
我一直在尝试为依赖于另一个服务的服务在一个角6应用程序中编写Jasmine/Karma测试，这个依赖项有几个私有属性/方法来修改公共方法的执行方式，而我的测试总是失败。
所有代码在运行时都按预期工作，但我不知道如何正确地测试它。我尝试过间谍的私有方法和属性，但这些方法和属性不起作用，也没有将它们更改为公共的。很明显我漏掉了什么。
现在，我不关心也不想测试DependencyService。我希望能够测试MyService函数doSomething工作，目前它总是返回null，所以我的测试输出是Failed: Cannot read property 'subscribe' of
浏览 1提问于2019-10-30得票数 2
回答已采纳
我正在为我的应用程序编写单元测试，它使用了Angular材质。 我要确保页面上有一张资料卡片。为此，我使用以下代码： let loader: HarnessLoader;
let component: LoginComponent;
let fixture: ComponentFixture<LoginComponent>;
let authService: jasmine.SpyObj<AuthService>;
beforeEach(async () => {
authService = jasmine.createSpyObj
浏览 11提问于2021-04-23得票数 1
我正在尝试制作一个可重用的firestore模拟来测试几个angular服务。我的服务如下所示： @Injectable({
providedIn: 'root',
})
export class DataSheetService {
dataSheetTypesDbRef: AngularFirestoreCollection<DataSheetType>;
constructor(private db: AngularFirestore) {
this.dataSheetTypesDbRef = this.db.collection<
浏览 9提问于2021-03-19得票数 0
回答已采纳
我正在使用angular中的material对话框，并编写测试来测试对话框的关闭，我得到了一个错误，预期是一个间谍，但得到了未定义。在测试拟合中出现错误(‘应该调用函数来关闭对话框’
describe('XYZDetailsComponent', () => {
let component: XYZDetailsComponent;
let fixture: ComponentFixture<XYZDetailsComponent>;
const data = {
ip: '1.1.1.1',
name: '
浏览 0提问于2021-06-14得票数 0
下面是AbcService.ts文件，我想测试这个服务文件是否正在按预期调用1次指定的请求/数据，但拒绝承诺不返回我收到的任何错误-- HttpClient.post收到了带有参数的调用，但所有配置的策略都指定了其他参数。
请帮帮忙？如何用茉莉编写上述代码的测试用例？
@injectable({
provideIn:'root'
})
export class AbcService{
constructor(private client:HttpClient){}
async imbook(json: string): Promise<any>{
let
浏览 4提问于2022-07-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
