业力茉莉花测试html中的锚点数

Question

考虑以下代码段：

<nav>
    <a href="javascript:void(0)">&times;</a>
    <a routerLink='/home'>Home</a>
    <a routerLink='/contact'>Contact</a>
</nav>

我该如何测试例如3个锚点：

it('should have 3 number anchor, () => {
    const element = fixture.debugElement.nativeElement;
    expect(element.find('a').length).toEqual(3);
  });

请告知。

Answer 1

expect(element.querySelectorAll('a').length).toEqual(3);

，如果您可以向所有锚点添加课程，请说“链接”。那么我们可以更具体地如下     expect(element.querySelectorAll('.link').length).toEqual(3);