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

Question

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

网页代码：

<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或其他内容？

Answer 1

您可以通过

提取img元素上的attribute - src来检查这一点。量角器API提供了webdriver.WebElement.getAttribute方法。请在此处查看文档

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