Question

我正在为角度应用程序运行单元测试，我尝试从单元测试中的.css访问样式。我会让你知道我尝试了什么

 component.listedIps.length=0;
 fixture.detectChanges();

 let whitelistipsdiv=fixture.debugElement.query(By.css('.divAllAllowedIPs'));

 //unit test for style, test for  background-color to be green
 expect(whitelistipsdiv.nativeElement.style.backgroundColor).toEqual('green');// to be darkgreen, here it is null

.css file
.divAllAllowedIPs {
  background-color: green;
}

Answer 1

我知道我来晚了，但是您可以尝试。它将100％工作

  it('should have green background', () => {
    const e = fixture.debugElement.query(By.css(".divAllAllowedIPs")).nativeElement;
    expect(getComputedStyle(e).backgroundColor).toEqual('rgb(0, 128, 0)');
  });

我希望它也会帮助正在寻找类似问题的其他人

如何在角度单元测试中访问.css文件中存在的样式

1 个答案: