Angular 8 with Jest - 'jasmine‘没有导出成员'SpyObj’
Angular 8 with Jest - 'jasmine'没有导出成员'SpyObj'
问题描述：在使用Angular 8和Jest进行测试时，遇到了'jasmine'没有导出成员'SpyObj'的错误。
解决方案：
- 错误原因：'jasmine'没有导出成员'SpyObj'是因为Jest和Jasmine的某些版本之间的兼容性问题。
- 解决方法：通过安装相应的包来解决该问题。
步骤如下：
- 首先，确保你已经在项目中安装了Jest。如果没有，请使用以下命令进行安装：
- 首先，确保你已经在项目中安装了Jest。如果没有，请使用以下命令进行安装：
- 然后，安装以下包来解决'jasmine'没有导出成员'SpyObj'的问题：
- 然后，安装以下包来解决'jasmine'没有导出成员'SpyObj'的问题：
- 在你的测试文件中，确保你已经导入了
jasmine和jest，并使用SpyObj。 - 在你的测试文件中，确保你已经导入了
jasmine和jest，并使用SpyObj。
这样，你就能够成功解决'jasmine'没有导出成员'SpyObj'的问题，并且继续使用Angular 8和Jest进行测试了。
关于Angular、Jest、Jasmine、测试等更多信息，你可以参考腾讯云产品文档中的以下链接：
- Angular：https://cloud.tencent.com/document/product/1260
- Jest：https://cloud.tencent.com/document/product/1354
- Jasmine：https://cloud.tencent.com/document/product/1353
- 测试：https://cloud.tencent.com/document/product/868
请注意，以上链接中的内容是基于腾讯云的产品文档，但仍然提供了关于Angular、Jest、Jasmine等相关知识的综合参考。
相关·内容
我有一个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
回答已采纳
在我的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
回答已采纳
1回答
我正在尝试用jasmine做一些基本的测试。我使用了一个外部库&我打算做的是监视/模拟库对象( d3 )上的方法调用，并确保在d3上调用适当的方法。
var d3Spy = jasmine.createSpyObj('d3', ['select']);
spyOn(window, 'd3').andReturn(d3Spy);
expect(d3Spy.select).toHaveBeenCalled();
当在对象上调用'select‘时，我得到这个错误。
TypeError: O
浏览 4提问于2013-07-11得票数 0
回答已采纳
在两个不同的测试中，我想模拟给定服务中函数的两个不同值。我用：
service = TestBed.get(someService);
spyObj = jest.spyOn(service, 'someFunction').mockReturnValue(of('foo'));
第一次测试运行良好。如果我写的话
spyObj.mockReturnValue(of('second foo'));
或
spyObj = jest.spyOn(someService, 'someMethod').moc
浏览 1提问于2019-06-14得票数 1
我想以与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
1回答
import { TestBed } from '@angular/core/testing';
import { CallsClient, CallVm } from './web-api-client';
import { ConsultationDataService } from './consultation-data.service';
import { Observable, of } from 'rxjs';
describe('ConsultationDataService', () =&g
浏览 5提问于2022-10-01得票数 0
1回答
这是我的js代码
launchTask(taskId)
{
const taskIds = window.external.MyObjectFactory("INDEXED");
taskIds.add(taskId);
}
下面是我如何创建一个间谍，并为上面的函子编写我的规范。
describe("The launchTask function", () => {
beforeEach(() => {
global.external.MyObjectFactory= jasmine.any(Function)
浏览 2提问于2019-01-17得票数 0
回答已采纳
我有一个名为doLogin的方法，它从另一个对象调用另一个方法登录。
doLogin : function(data) {
var userMgtRequest = new UserMgtRequest();
userMgtRequest.setLoginId(data.username);
userMgtRequest.setLoginPwd(data.password);
var callback = this.callbackLogin;
userMgtManager.login(userMgtReque
浏览 0提问于2015-12-03得票数 0
从docker将nx print-affected打印到文件中会保存除json之外的其他信息，这会导致问题。 这是我使用的命令 npm run print:affected -- --base-'origin/master' --target='build' > 'dist/affected.json' 这是我得到的输出 > ktp-web@1.3.4 print:affected /Users/shawntony/projects/ktp-web
> nx print-affected
{
"tasks"
浏览 9提问于2020-04-15得票数 1
1回答
在我的角5应用程序中，我有angular-cli 1.6.8
{
"name": "test",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"karma": &
浏览 0提问于2018-04-10得票数 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
回答已采纳
我试图在使用定制编写管道的组件上编写测试，但是我从业力中得到了错误，我没有正确地提供它。项目正在构建/工作，没有错误(似乎一切都是正确的)，但是对于测试，似乎有什么问题。怎么了，怎么解决？:？(有些组件仅在html中使用，有些组件用于服务等，因此问题似乎不在提供者: AppTranslatePipe中。)
Failed: StaticInjectorError(DynamicTestModule)[AppTranslatePipe ->
TranslateService]:
StaticInjectorError(Platform: core)[AppTranslatePipe
浏览 2提问于2019-08-08得票数 1
回答已采纳
1回答
用Jest测试
、、、
我正在尝试使用Jest测试我的function存储(我坚持Flux体系结构)，但不确定何时需要模拟存储函数。为了说明我的观点，下面是我的存储代码的一部分：
export default class AdminStore extends EventEmitter {
constructor() {
super();
this.users = [];
this.userTotal = 0;
this.profile = {};
AdminDispatcher.register((payload) => {
浏览 8提问于2015-05-08得票数 0
回答已采纳
我们使用的是Storybook 5和Angular 9，一些测试使用的是Jest 26。
问题是，当我们使用Typescript <3.8.0 -这显然是Angular 9在ng build --prod中需要的-我们会得到一堆如下所示的Jest类型错误：
node_modules/@types/jest/node_modules/pretty-format/build/index.d.ts:7:36 - error TS1005: ';' expected.
当我们升级到Typescript 3.8.3时，类型可以工作，但Angular不能再为prod构建，因为它需要更
浏览 2提问于2020-12-10得票数 1
我知道下面的错误
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
我正在运行角11中的jest单元测试，并尝试在.then方法中测试方法。
但是，测试方法似乎没有在expect方法上运行。
我应该如何编写测试代码直到.then方法结束？
我想检查idToken是在localStorage中.then方法中设置的。
版本：
// package.json
"dependencies": {
"@angular/animations": "~11.0.4",
"@angular/cdk": "^11.2.2",
"@angular/common
浏览 8提问于2022-01-19得票数 0
1回答
我有一个Angular服务方法，它使用另一个服务进行api调用。在调用成功之后，在订阅内部，我调用一些方法，例如notifySucess，发出新的值……
我的问题是，我如何测试订阅中的代码块，例如，期望notifySucess被调用。我在订阅中放置了一个断点，但代码执行并没有停止。
对于测试组件，我知道有'fixture.detectChanges()‘方法可以应用。对于服务测试，有没有类似的机制？
resource.service.ts
@Injectable({
providedIn: 'root',
})
export class ResourceServic
浏览 4提问于2021-07-19得票数 0
1回答
我试图在正式教程( )之后将材料设计添加到我的项目中，但是我得到了一个错误：
node_modules/@angular/cdk/typings/rxjs/rx-operators.d.ts(11,10)：error TS2305:模块‘path_to_TS2305/nod e_modules/rxjs/Scheduler’没有导出成员'IScheduler‘。node_modules/@angular/platform-browser/animations/src/providers.d.ts(8,119)：错误TS2305:模块'"path_to_project/
浏览 1提问于2017-07-12得票数 0
回答已采纳
1回答
测试@ngrx/ jest效果
、、、、
我正在尝试用Jest 测试@ngrx/Effect，但是无论如何，我仍然有相同的错误。我所遵循的也无助于克服它。我不明白我在这里做错了什么
角度: 6.1.0
ngrx: 6.1.0
我还使用@nrwl/nx (6.3.0)
我的规范文件：
describe('AuthenticationEffects', () => {
let actions: Observable<any>;
let effects: AuthenticationEffects;
let authenticationService: AuthService;
befor
浏览 0提问于2018-09-18得票数 1
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
回答已采纳
我使用以下配置创建了angualr项目，并尝试使用jest安装
package.json文件如下：
{
"name": "angular-assessment",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
浏览 9提问于2021-06-18得票数 0
我刚刚使用ng new <projectName>创建了一个新的angular应用程序。然后，我使用ng add @cypress/schematic和ng add @briebug/jest-schematic更改了默认的测试设置
参考package.lock：
{
"name": "betting-app",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "
浏览 3提问于2021-11-03得票数 0
我在尝试构建我的项目时收到以下错误(使用Angular CLI)
ERROR in ../my-app/node_modules/@types/jasmine/index.d.ts(18,1): error TS6200: Definitions of the following identifiers conflict with those in another file: Expected, SpyObjMethodNames, clock, CustomEqualityTester, CustomMatcherFactory, ExpectationFailed, SpecFunctio
浏览 0提问于2019-03-20得票数 18
3回答
我使用角9+与业力测试运行者和茉莉花测试框架进行单元测试。
我只想单元测试app component，它有一个依赖项注入：
app.component.ts
import { Component, EmbeddedViewRef } from '@angular/core';
import * as moment from 'moment-timezone';
import { OtherServiceService } from './other-service.service';
import { Location } from '@
浏览 1提问于2020-12-14得票数 2
回答已采纳
1回答
我的应用程序在角5.2.6下
ng serve的情况是正常的
但是当运行：ng build --prod时，需要一段时间，然后才能失败，并跟踪错误。
这些错误似乎是在寻找库文件夹中的文件，即使我现在也不使用。
这是错误的一部分：
looking for modules in /home/khalidvm/Desktop/Workspace/Front/frontend_v2/src
using description file: /home/khalidvm/Desktop/Workspace/Front/frontend_v2/package.json (relative p
浏览 2提问于2018-02-28得票数 0
回答已采纳
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
当我将我的项目从8升级到9时，我得到了一个错误。我的项目在终端的控制台中构建和运行serve时有任何错误，但在chrome中，当我转到时，我在chrome的控制台中得到以下错误：
Error: Dependency array must have arguments.
at reflectDependency (core.js:17943)
at core.js:17916
at Array.map (<anonymous>)
at convertDependencies (core.js:17912)
at reflectDependencies (core.js:17903)
浏览 0提问于2019-12-21得票数 0
我正在尝试测试以下服务。
@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
回答已采纳
我用的是角7和Jest。当我使用--codecoverage运行jest时，我的所有测试都通过了，但是构造函数中的许多分支没有被覆盖(类似于：)。
我花了相当多的时间到处检查如何解决这个问题，似乎我不得不将jest-preset-angular升级到version 7。在完成之后，我的所有测试套件都无法运行以下消息：
src/app/whatever.component.spec.ts
● Test suite failed to run
TypeScript diagnostics (customize using `[jest-config].globals.ts-jest.
浏览 0提问于2019-04-23得票数 12
回答已采纳
我正在尝试测试绑定到内联属性而不是服务上的方法的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
回答已采纳
2回答
当我尝试使用带有角8和Jest的"npm run test“命令运行测试用例时，我面临一个问题
我正在尝试从Karma/jasmine框架迁移到Jest，并将角版本升级到8。
但是，npm运行测试命令将引发以下错误
文件未找到: /src/tsconfig.spec.json (解析为: D:\app-jest\src\tsconfig.spec.json)
在(node_modules/ts-jest/dist/config/config->set.js:712:19) ConfigSet.resolvePath
Package.json
{
scri
浏览 1提问于2019-06-08得票数 2
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
1回答
如何单元测试角的元服务？
、、、、
我的组件是在ngOnInit期间使用角元服务来更新元标记。我正在使用我的RegionService获得一个应用程序id，并通过一个模板文本使用Meta的updateTag方法来设置它。但是，我的单元测试在获取模板文本中的RegionService设置的值时遇到了问题。测试返回以下错误：
Expected spy Meta.updateTag to have been called with:
[ Object({ name: 'apple-itunes-app', content: 'app-id=0123456789' }) ]
but actual ca
浏览 5提问于2022-07-07得票数 0
我现在想用ngrx/effects测试我的效果。我跟踪了标记，但当我想要运行我的测试时有一个错误。
Cannot find module 'rxjs/testing' from 'jasmine-marbles.umd.js'
下面是我的代码(目前我没有做任何期望，我只想要我的测试运行)：
import { TestBed } from '@angular/core/testing'
import { provideMockActions } from '@ngrx/effects/testing'
import { Replay
浏览 2提问于2018-03-28得票数 2
回答已采纳
2回答
我需要知道确认警报内部发生了什么，但为此，我需要单击其中一个警报按钮。我做不到这一点。
main.component.ts
async signOut() {
const {
["modules.organizations.main.sign_out.confirmation.title"]: title,
["modules.organizations.main.sign_out.confirmation.message"]: message,
["modules.organizations.main.si
浏览 6提问于2021-03-27得票数 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
回答已采纳
我试图为我的测试创建一个间谍对象：
let spy: jasmine.SpyObj<GeneralService>;
不幸的是，我在运行ng test时遇到了这个错误
Namespace 'jasmine' has no exported member 'SpyObj'
此外，WebStorm将SpyObj标记为未解析变量。
这是我的devDependencies package.json
"devDependencies": {
"@angular/cli": "1.7.3",
浏览 0提问于2018-09-17得票数 8
1回答
我正在和angular的Akita状态管理器一起工作。我有一些服务/类订阅了我的一个查询。我正在尝试用jasmine createSpyObj在我的查询中模拟一些数据。 这是我的服务(部分)： export class SomeService implements OnDestroy {
private activeElements$ = this.someAkitaQuery.selectActive();
constructor(
private someAkitaQuery: SomeAkitaQuery,
) {
this.activ
浏览 15提问于2020-07-06得票数 1
我有一个重放主题的服务。
export class UserService {
public userChanged: ReplaySubject<User> = new ReplaySubject<User>();
...
public getUser(userId?): void {
...
this.http.get(url, httpOptions).pipe(
catchError(this.handleError('getUser', null, 'Couldn\'t get user'
浏览 2提问于2019-03-21得票数 4
回答已采纳
1回答
背景
我正在从事一个起源于angular.js项目的项目。我们目前正在将所有的东西迁移到角度。这意味着我们将对Angular.js进行遗留单元测试，这些测试最终将被删除。从角度上讲，我们已经将所有测试迁移到Jest。
问题
当在项目中同时使用Karma and Jasmine作为Jest时，就会出现问题。遗留单元测试是用自己的tsconfig文件连接起来的，这些测试工作得很好。这两个库似乎都在向全局环境中添加相同的函数，Jest测试以某种方式继续解析Jasmine类型。如果我将Karma and Jasmine从项目中删除，那么所有的测试都能正常工作。
问题
在运行jest时，如何才能排除ja
浏览 10提问于2019-10-25得票数 6
我有一个由Rails提供服务的AngularJS (1.7版)应用程序。我刚从链轮转到了Webpack。同时尝试将我的Jasmine测试迁移到Jest。我遇到了html-loader的问题，我正在使用它将我的指令模板导入到指令中。 对于我导入模板的一个简单指令，Jest无法加载测试，因为html-loader失败并显示以下错误 TypeError: Cannot read property 'query' of undefined
1 | const htmlLoader = require("html-loader");
2 | m
浏览 50提问于2020-04-01得票数 3
回答已采纳
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 8升级到9，使用命令ng update @angular/core@9 @angular/cli@9 基于以下https://update.angular.io/?l=2&v=8.1-9.0指南 迁移是成功的，但是当我这样做的时候，我在多个.spec文件中得到了错误 从下面的命令行添加一些错误和建议 1) test.component.spec.ts:395:13 - error TS2304: Cannot find name 'expect'.
395 expect(effects.loadTest$).toBe
浏览 34提问于2020-11-10得票数 0
1回答
我需要测试一个具有MAT_DIALOG_DATA的组件，我甚至可以模拟它，但是在数据上接收到的属性有问题。
我相信模拟操作是正确的，但我不知道具体如何将属性放在变量数据上。
*notifications-edit.component.spec.ts
fdescribe('NotificationsEditComponent', () => {
let component: NotificationsEditComponent;
let fixture: ComponentFixture<NotificationsEditComponent>;
le
浏览 2提问于2021-04-23得票数 0
回答已采纳
1回答
我当时正在开发Angular4项目，正在寻找单元测试框架。Angular将Jasmine和Karma作为默认框架。但是我遇到了facebook.In开发的Jest的文档，他们反复使用react关键字。但是我可以使用“Jest”进行angular4单元测试吗？如果我在angular4中使用jest，会有什么问题吗？或者对其他单元测试框架有什么建议吗？
提前谢谢。
浏览 0提问于2018-03-09得票数 0
2回答
我已经将一个项目从Node6迁移到Node10，并在此过程中进行了一些更改和版本升级，这导致测试用例失败，无论我尝试了什么修复，测试仍然在"ReferenceError: Zone is not defined“上失败。
我已经尝试将不同依赖项的版本从基本版本逐步更改为最新版本，但仍然无法通过测试。
下面是json包：
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
浏览 3提问于2019-06-21得票数 1
我的问题是我不知道如何在订阅主题的组件上测试订阅，我的代码是这样的： 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
回答已采纳
1回答
我正在使用angular的Jasmine编写测试。在测试使用AGM的组件时，我得到以下错误：
C:\Path\node_modules\@agm\core\index.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename, global,jest){export * from './directives';
^^^^^^
SyntaxError: Unexpected token export
我知道我的测试component
浏览 0提问于2018-09-08得票数 3
使用Angular Material 2.0.0-alpha.8-1升级我的Angular 2.0.0-rc.6应用程序时，我现在收到如下编译错误：
Property 'forRoot' does not exist on type 'typeof MdCoreModule'.
这是AppModule
import { MdCoreModule } from '@angular2-material/core/core';
import { MdButtonModule } from '@angular2-material/button/b
浏览 26提问于2016-09-08得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
