如何使用Protractor测试是否加载了正确的图像？

Question

我正在测试一个可以多种方式重定向的网站，其中一个在所有情况下都是不正确的（根据上下文，其中一个是正确的）。

我能够识别差异的最直接的方法是仔细检查在特定区域加载的图像。

我还注意到CSS文件（以及图像文件）的路径根据场景而有所不同，因此测试路径而不是图像本身（它们都命名相同）可能更容易。

不幸的是，我无法共享代码，但一般而言，您如何使用量角器收集特定页面的css（或图像）文件的完整路径数据并将其与预期进行比较？

Answer 1

如果没有您尝试的或您的代码，很难说，但应该有两种方法 - 1.可以从css验证图像名称。但在您的情况下，图像名称是相同的。所以这不会奏效。 2.检查图像元素的属性。高度，宽度等，并与预期的属性进行比较。您可以使用element.getAttribute("attribute")获取特定值。

Answer 2

你可以试试这个

mypic = element(by.css("img[src*='mypic.png']"));
expect(mypic.isPresent()).toBe(true);

也许你想要做一些具体的事情，如果发现你喜欢下面的图像

mypic = element(by.css("img[src*='mypic.png']"));
browser.isElementPresent(mypic).then(function (result) {
    if(result){
        //  DO STUFF

    }
});