如何检查元素是否在属性中具有特定属性答案

【问题标题】：How do I check if an element has a specific property within an attribute如何检查元素是否在属性中具有特定属性
【发布时间】：2019-04-30 05:24:02
【问题描述】：

所以我目前有一个 ElementFinder，它检索以下元素：

<div class="label-div" style="width: 100%; height: 100%; font-family: Arial; margin-left: -43px; visibility: visible; font-size: 0.8em;" xmlns="http://www.w3.org/1999/xhtml">Helpdesk</div>

我的问题是如何检查字体大小是否等于某个值？

这与问题 2664045 中的问题很接近，但是这适用于 ElementFinders 而不是 Elements，并且似乎没有任何回复超过此选项

我试过element.getCssValue('font-size')).toBe('0.8em');，但是失败了，因为它以像素而不是em检索字体大小

【问题讨论】：

看看这个stackoverflow.com/questions/2664045/…
How to get an HTML element's style values in javascript?的可能重复
它确实有帮助，但是我在这里没有使用“元素”，而是使用 ElementFinder，所以它略有不同，但这让我很接近，只需要使用 .getCssValue() 而不是 @987654326 @

标签： angularjs typescript jasmine protractor element

【解决方案1】：

试试这是它返回像素 as 将 em 转换为像素

element.getCssValue('font-size')).toBe(0.8*10+'px');

【讨论】：

【解决方案2】：

我最终使用了以下解决方案，虽然不理想，但它确实有效：

expect(hp.sunburstFirstChildTextElement.getAttribute('style')).toContain('font-size: 0.8em');

【讨论】：

【解决方案3】：

试试这个：

element.getCssValue('font-size')).toBe('0.8em');

【讨论】：

对不起，我认为这行得通，但是它以像素为单位检索字体大小，而不是 em