Angular 模拟服务中的依赖关系

Angular 模拟服务中的依赖关系,angular,typescript,jestjs,Angular,Typescript,Jestjs,我试图模拟服务中的依赖关系。我不知道出了什么问题。。这并不是一个很好的测试类,但它的全部内容都是关于代码覆盖率的——这就是服务 @Injectable() export class SessionService { constructor(private sessionStore: UserStore){} login(userData: User) { this.sessionStore.login(userData); } logout(){

我试图模拟服务中的依赖关系。我不知道出了什么问题。。这并不是一个很好的测试类,但它的全部内容都是关于代码覆盖率的——这就是服务

@Injectable()
export class SessionService {
    constructor(private sessionStore: UserStore){}

    login(userData: User) {
        this.sessionStore.login(userData);
    }
    logout(){
        this.sessionStore.logout();
    }
}
Dependency UserStore如下所示:

export function createInitialState(): User {
    return {
        id: 0, password: "", role: undefined, username: "",
    }
}
@Injectable()
@StoreConfig({ name: 'session', resettable: true })
export class UserStore extends Store<User> {
    constructor() {
        super(createInitialState());
    }

    login(user: User){
        this.update(user);
    }

    logout(){
        this.reset();
        this.update(createInitialState());
    }

    getCurrentUser(){
        return this.getValue();
    }
}
我得到的错误是:

TypeError: Cannot read property 'getComponentFromError' of null

为了模拟服务,您应该从要使用的方法创建一个spy对象(jasmine.createSpyObj),然后模拟这些方法的返回值

例如:

let mockService;

mockService = jasmine.createSpyObj(['methodOne', 'methodTwo']);
mockService.methodOne.and.returnValue(of(MOCKED_DATA_1));
mockService.methodTwo.and.returnValue(of(MOCKED_DATA_2));
然后在configureTestingModule的提供程序中设置mockService:

TestBed.configureTestingModule({
   ...
   providers: [
       ...
       {
           provide: MyService, useValue: mockService
       }
   ]
})

SessionService
未添加到提供者列表中

配置应该是

TestBed.configureTestingModule({
    providers:[
        SessionService,
        { provide: UserStore, useValue: userStoreMock}
    ]
});
在此之后,如果您遇到相同的问题,请将以下代码添加到
beforeach()

Test.ts

import 'core-js/es7/reflect';
import 'zone.js/dist/zone';
import 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';

declare const require: any;

// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);

您没有向测试床提供会话服务吗?但是试图从TestBed sessionService=TestBed.get(sessionService)@Ininiv我仍然会得到相同的错误传递inI get error:无法解析ApplicationModule:(?)的所有参数。在完成所有这些操作后,这是一个错误。test.ts可能存在一些问题。
TestBed.resetTestEnvironment();
 TestBed.initTestEnvironment(BrowserDynamicTestingModule,
    platformBrowserDynamicTesting());
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';
import 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';

declare const require: any;

// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);