5

我目前正在为使用ngxs进行状态管理的服务编写一些测试用例。我似乎无法弄清楚下面的代码有什么问题：

// auth.service.ts
@Injectable({
    providedIn: 'root'
})
export class AuthService {
    @Select(SessionState) session$;
    constructor(private http: HttpClient, private store: Store) {
    }
}



// session.state.ts
export interface SessionStateModel {
    user: User | null;
    token: string | null;
    state: 'authenticated' | 'guest' | 'invalid.credentials' | 'error' | 'pending';
    response?: HttpErrorResponse | string | any;
}

export const defaultSessionState: SessionStateModel = {
    user: null,
    token: null,
    state: 'guest',
    response: null
};

@State<SessionStateModel>({
    name: 'session',
    defaults: defaultSessionState
})
export class SessionState {
    constructor(private auth: AuthService) {
    }
}


// session.state.spec.ts
describe('should handle login, logout and errors properly', () => {
    let store: Store;
    let backend: HttpTestingController;

    beforeEach(() => {
        TestBed.configureTestingModule({
            imports: [
                HttpClientTestingModule,
                NgxsModule.forRoot([SessionState])
            ],
            providers: [
                AuthService
            ]
        });

        backend = TestBed.get(HttpTestingController);
        store = TestBed.get(Store);
    });

    afterEach(() => {
        // After every test, assert that there are no more pending requests.
        backend.verify();
    });

    it('should handle successful login', () => {
        // oversimplified...
        expect(true).toBe(true);
    });
});

当我使用 运行它时ng test，业力返回以下异常： Error: Can't resolve all parameters for SessionState: (?).

这对我来说没有任何意义，因为我已经providing是. 我似乎无法弄清楚我在这里错过了什么？SessionStateAuthServiceTestBed.configureTestingModule

4

2 回答 2

1

在这个答案的时候，如果状态类注入了依赖项，ngxs 不能与 Ivy 一起工作（但请参阅下面的编辑）。您可以通过设置以下编译器选项来关闭 Ivy tsconfig.json：

{
  "angularCompilerOptions": {
    "enableIvy": false
  }
}

编辑： Ngxs 为 Ivy 提供了迁移指南。@Injectable按照本指南，除了装饰器之外，您还需要添加装饰@State器：

@State<SessionStateModel>({
    name: 'session',
    defaults: defaultSessionState
})
@Injectable()
export class SessionState {
    constructor(private auth: AuthService) {
    }
}
于 2020-02-19T00:28:23.657 回答
0

可能您缺少@Injectable()服务SessionState。这也可能引发错误。

@Injectable()
export class SessionState {
    constructor(private auth: AuthService) {
    }
}
于 2018-06-20T15:34:16.013 回答