Question

这看起来很简单，而且我确定我没有在某处导入某些内容，但我已经尝试过所有模块，包括测试，但没有运气。测试失败并出现此错误：

＆＃34; exportAs＆＃34;没有指令设置为＆＃34; ngbDatepicker＆＃34; （占位符=＆＃34;一年前＆＃34; [（ngModel）] =＆＃34; fromDate＆＃34; ngbDatepicker [ERROR-＆gt;] #fromDateToggle =＆＃34; ngbDatepicker＆＃34; title =＆＃34 ;选择日期＆＃34;＆gt;

我有一个组件模板，在弹出窗口中使用ng-bootstrap datepicker（根据他们的docs）

我的模板代码如下：

<div class="input-group">
  <input id="to-date" name="dp" class="form-control" placeholder="yyyy-mm-dd" name="dp" [(ngModel)]="toDate"
    ngbDatepicker #toDateToggle="ngbDatepicker" title="Select a date">
  <button class="input-group-addon" (click)="toDateToggle.toggle()" type="button">
    <span class="fa fa-calendar"></span>
  </button>
</div>

我在NgbModule.forRoot()中有app.module.ts，并且已在我的规范文件中导入NgbModule，这似乎是guide所需要的全部内容。

我的规范文件：

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { DebugElement, NO_ERRORS_SCHEMA } from '@angular/core';
import { By } from '@angular/platform-browser';
import { NgbModule, NgbActiveModal, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
import { ExtractModalComponent } from './extract-modal.component';

fdescribe('ExtractModalComponent', () => {
  let component: ExtractModalComponent;
  let fixture: ComponentFixture<ExtractModalComponent>;
  let debugEl: DebugElement;

  beforeEach(
    async(() => {
      TestBed.configureTestingModule({
        declarations: [ExtractModalComponent],
        providers: [NgbActiveModal],
        schemas: [NO_ERRORS_SCHEMA]
      }).compileComponents();
    })
  );

  beforeEach(() => {
    fixture = TestBed.createComponent(ExtractModalComponent);
    component = fixture.componentInstance;
    debugEl = fixture.debugElement.query(By.css('.modal-body'));
    fixture.detectChanges();
  });

  fit('should create component', () => {
    expect(component).toBeTruthy();
  });
});

Answer 1

＆＃34;我在app.module.ts中有NgbModule.forRoot（）＆＃34;

....这与你的测试无关。您需要在规范文件中执行此操作

e.g。 imports:[NgbModule.forRoot()]

值得注意的是，您不必导入完整的NgbModule即：您可以导入NgbDatepickerModule ...但我会先修改它然后再进行修改此

使用NgbDatepicker的角度单元测试失败

1 个答案: