如何使用量角器测试是否加载了正确的图像

How to use Protractor to test whether the correct image has loaded?

本文关键字：图像 加载 何使用 量角器 测试 是否      更新时间：2023-09-26

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

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

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

不幸的是，我不能分享代码，但一般来说，你怎么能使用量角器来收集一个特定页面的css(或图像)文件的完整路径数据，并将其与预期的结果进行比较?

你可以试试这个

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
    }
});

如果没有您正在尝试的内容或您的代码，则很难判断，但应该有两种方法可以做到这一点1. 可以从css中验证图像名称。但在您的例子中，图像名称是相同的。所以这行不通。2. 检查图像元素的属性。高度，宽度等，并与期望的属性进行比较。您可以使用element.getAttribute("attribute")获取特定的值。

相关文章：