如何檢查頁面上的所有圖像的src屬性是否爲空？

Question

如何使用nightwatch.js檢查頁面上的所有圖像是否具有非空的src屬性？我有一頁圖像，有時候src屬性是空的。我想以檢查

Answer 1

通過使用XPath硒定位是這樣的：

.//img[@src[not(string())]] 

或者，對於非空：

.//img[@src[string()]] 

我在這裏猜測，但要獲得列表的元素，所以你可以斷言列表的大小，得到他們是這樣的：

return this.client.useXpath().elements('/xpath/expression'); 

Answer 2

你可以比較resu的長度LTS通過 IMG返回

和 IMG [來源]

第一個CSS選擇器將得到所有的img標籤，第二個將獲得與所定義的SRC屬性的所有img標籤。

Answer 3

使用getAttribute命令獲取圖像的src屬性，然後在回調中斷言。例如：

client.getAttribute(".container img", "src", function (result) { 
    this.assert.equal(typeof result, "object"); 
    this.assert.equal(result.status, 0); 
    this.assert.ok(result.value); 
}); 

更多getAttribute：http://nightwatchjs.org/api#getAttribute