量角器:验证语言图标已更改

时间:2017-03-20 11:54:18

标签: html select drop-down-menu protractor

在页面上有一个显示为图标的语言切换器。当我点击它时,我会得到一个带有图标+国家/地区名称的国家/地区列表。现在我随机选择了这种语言,但由于我无法依赖页面翻译,因此我无法验证更改。

HTML code:

<span uib-dropdown-toggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
    <ng-transclude>
        <span class="change-language-icon"><img ng-src="/img/language_es.png" src="/img/language_es.png">
        </span>
    </ng-transclude>
</span>

有人知道如何验证上述代码是否更改为/img/language_de.png或其他内容?

1 个答案:

答案 0 :(得分:2)

您可以通过提取attribute - src元素上的img来检查这一点.Protractor API提供webdriver.WebElement.getAttribute方法。请在这里检查documentation

expect(element(by.css('span.change-language-icon img')).getAttribute('src')).toEqual('/img/language_de.png')