Angular 2 测试 - 获取 DOM 元素样式

2024-05-07

我想在 Angular 2 应用程序中测试隐藏显示按钮的功能(测试是用 Jasmine 编写的),所以我需要检查display相关元素的属性。我怎样才能使用 Angular 获得这个属性debugElement? 测试代码:

let input = fixture.debugElement.query(By.css('input'));
expect(input.styles['visibility']).toBe('false');

我收到错误: 预期未定义为“假”。


我也有同样的问题。这DebugElement.styles即使我显式地为​​该元素设置某种样式(也许是角度代码中的错误?),它始终是一个空对象。所以我宁愿从浏览器获取native element直接地:

let input = fixture.debugElement.query(By.css('input'));
expect(input.nativeElement.style.visibility).toBe('false');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2 测试 - 获取 DOM 元素样式 的相关文章

随机推荐