业力茉莉花测试 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);

如果你能给所有的锚定一个class，就说"link"。那么我们可以更具体如下 expect(element.querySelectorAll('.link').length).toEqual(3);

业力茉莉花测试 html 中的主播数量

karma jasmine test number of anchors in html

karma-jasmine

angular