javascript - 如何使用 Selenium IDE 测试损坏的图像？

Question

我在这个 site 中看到了一个例子可以使用 javascript 测试损坏的图像，但提供的示例是 Ruby 语言的。我想我可以使用 Selenium IDE 中的 runScript 命令并编写一个 javascript 代码来检测损坏的图像，尽管我不知道如何做。

有人可以提供代码来执行此操作吗？任何形式的帮助将不胜感激。

Answer 1

这并不常见，但有可能。

看看这个:

您可以使用verifyEval命令来验证JavaScript代码的结果。您还可以使用 storeEval 执行一些 javascript 并检索结果并在以后使用它。如果您只想执行 JavaScript，也可以执行 getEval。

因此，如果您想在页面上至少有一张损坏的图像时失败，请执行以下操作:

命令

verifyEval

目标

var allImg=window.document.getElementsByTagName("img"), i=0, img, result=true;  
while (img = allImg[i++]) 
  {if (img.complete &&  typeof img.naturalWidth != "undefined" && img.naturalWidth > 0) 
    {} 
  else 
    {result=false;}}; 
result;

值(value)

true

或者您可以例如标记所有损坏\正常图像以对其进行计数。这是一个如果页面上超过 5% 的图像损坏就会失败的示例

命令

getEval

目标

var allImg=window.document.getElementsByTagName("img"), i=0, img;  
while (img = allImg[i++]) 
  {if (img.complete &&  typeof img.naturalWidth != "undefined" && img.naturalWidth > 0) 
    {img.setAttribute('tag','passed');} 
  else 
    {img.setAttribute('tag','broken');}}; 

然后:

storeXpathCount | //img                                        | all
storeXpathCount | //img[@tag='broken']                         | broken
verifyEval      | storedVars['broken']*100/storedVars['all']>5 | true

祝你好运!