jasmine-karma 中的模块“DynamicTestModule”导入的意外值“未定义”

Question

我正在使用 jasmine-karma 进行单元测试。 配置 -

"@types/jasmine": "~2.8.6",
"@types/jasminewd2": "~2.0.3",
"@types/jquery": "^3.3.22",
"@types/node": "~8.9.4",
"codelyzer": "~4.2.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~1.4.2",
"karma-jasmine": "~1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",

我在所有测试用例中都遇到相同的错误。

错误：模块“DynamicTestModule”导入的意外值“未定义”

app.component.spec.ts

    describe('SignupComponent', () => {
            let component: SignupComponent;
        let fixture: ComponentFixture<SignupComponent>;
        let de: DebugElement;
        let username: DebugElement;
        let firstName: DebugElement;
        let lastName: DebugElement;
        let mobileNumber: DebugElement;
        let email: DebugElement;
        let password: DebugElement;
        let confirmPassword: DebugElement;
        let router: Router;
        beforeEach(async () => {
            TestBed.configureTestingModule({
                declarations: [SignupComponent],
                imports: [HttpClientModule, RouterTestingModule,   RouterTestingModule.withRoutes([
                ]),FormsModule, ReactiveFormsModule, BrowserModule, ,ToastrModule],
                providers: [

                { provide: SignupService, useClass: SignupService },
                { provide: ToastrService, useClass: ToastrService },
            ]
            }).compileComponents().then(() => {
                fixture = TestBed.createComponent(SignupComponent);
                component = fixture.componentInstance;
                de = fixture.debugElement.query(By.css('form'));
                router = TestBed.get(Router)
                username = fixture.debugElement.query(By.css('input[id=username]'));
                firstName = fixture.debugElement.query(By.css('input[id=firstName]'));
                lastName = fixture.debugElement.query(By.css('input[id=lastName]'));
                mobileNumber = fixture.debugElement.query(By.css('input[id=mobileNumber]'));
                email = fixture.debugElement.query(By.css('input[id=email]'));
                password = fixture.debugElement.query(By.css('input[id=password]'));
                confirmPassword = fixture.debugElement.query(By.css('input[id=confirmPassword]'));
            });
        });
        beforeEach(() => {
            fixture = TestBed.createComponent(SignupComponent);
            component = fixture.componentInstance;
            fixture.detectChanges();
        });
        it('Defining SignupComponent component', () => {
            fixture = TestBed.createComponent(SignupComponent);
            component = fixture.componentInstance;
            fixture.detectChanges();
            expect(component).toBeDefined();
        })
        it('should create component', () => {
            fixture = TestBed.createComponent(SignupComponent);
            component = fixture.componentInstance;
            fixture.detectChanges();
            expect(component).toBeTruthy();
        });
        it('SignUp form is inValid when empty', () => {
            expect(component.addRegisterData.invalid).toBeTruthy();
        });
        }));

service.stub.ts

    export class SignupStubService {
        constructor(private http: HttpClient) { }
        register(value):Observable<any>  {
            console.log("in service.ts")
            return this.http.post(baseUrl + "user/register", value)
            .pipe(map(Response => Response))

        }
    }

app.component.ts

    export class SignupComponent {

      constructor(private fb: FormBuilder, private http: HttpClient, private router: Router,
         public toastr: ToastrService, public signupservice: SignupService, ) {}
    ngOninit()
    }

Answer 1

当您没有正确设置TestBed 时，通常会发生这种错误。

查看您的代码，BrowserModule 后面多了一个逗号。删除它，看看它是否有效。如果这不是问题，请仔细查看您是如何设置 TestBed 的，看看是否有任何不一致之处。