Question

尝试监视服务的方法时遇到麻烦，因此我可以在Angular E2E测试中使用Protractor返回伪造的值。

这是组件（在点击路线“ / date”时加载）：

@Component({
  selector: 'app-date',
  template: `
    Current date is <span class="e2e-curr-date">{{currentDate | date:'yyyy-MM-dd'}}</span>
  `,
})
export class DateComponent implements OnInit {
  currentDate: Date;

  constructor(private dateSvc: DateService) {}

  ngOnInit() {
    this.currentDate = this.dateSvc.getCurrentDate();
  }
}

这是相应的E2E测试：

describe('workspace-project App', () => {

  const homePage = new HomePage();
  const datePage = new DatePage();

  beforeAll(() => {
    spyOn(DateService.prototype, 'getCurrentDate').and.returnValue(new Date(2040, 0, 1));
  });

  it('should display the fake date put in place via a fake date service', async () => {
    await homePage.navigateTo();
    await homePage.isLoaded();

    await datePage.navigateTo();
    await datePage.isLoaded();

    const result = await datePage.getCurrentDateDisplayed();
    expect(result).toEqual('2040-01-01');
  });

});

此测试始终失败，并显示错误消息：

预期“ 2019-02-03”等于“ 2040-01-01”。因此，它显示的是当前日期，而不是显示日期。间谍设置。

您可以在此处找到完整的工作代码示例：https://github.com/baumgarb/ng-mock-date-in-e2e-tests

如何使用量角器监视Angular E2E测试中的服务

0 个答案: