我有一个 angular-cli 项目。

我想要测试的 html 如下所示：

<div *ngIf="!isMobile" class="shop-description">
  {{ description }}
</div>
<div class="shop-link">
  <span>
    {{ link}}
  </span>
</div>

测试如下所示：

  beforeEach(() => {
    fixture = TestBed.createComponent(ShopItemComponent);
    component = fixture.componentInstance;
    component.shop = ShopServiceMock.shops[0];
    component.isMobile = false;
    fixture.detectChanges();
  });
  it('should have a title', () => {
        fixture.detectChanges();
        const el = fixture.debugElement.nativeElement;
        expect(el.querySelector('div.shop-title>span').innerText).toContain('test');
    });

  it('should have a description', () => {
        fixture.detectChanges();
        const el = fixture.debugElement.nativeElement;
        expect(el.querySelector('div.shop-description').innerText).toContain('love');
    });

使用命令 ' ng test ' 一切都会通过，没有问题。

使用 ' npm run test:phantomjs -- --code-coverage ' 时，title 元素上的第一个测试通过，但 description 上的测试失败，显示：

TypeError: null is not an object (evaluating 'el.querySelector('div.shop-description').innerText')