的Watir webdriver的/不可見元素/顯示：無重要

Question

我用的Watir webdriver的

在HTML代碼字非可見元素的一個問題是不可見的：

<td class="hidden-xs hidden-sm ng-binding">ZT0</td> 

的CSS我發現

@media (max-width:767px){ 
    .hidden-xs{ 
     display:none !important; 
    } 
} 
@media (min-width:768px) and (max-width:991px) { 
    .hidden-sm{ 
     display:none !important; 
    } 
} 

我覺得display:none不允許機器人讀它...

，當我在我的腳本的.rb寫道：

puts browser.tbody(:index, 3).tr(:index, 0).td(:index => 3,).text 

雖然我看到中通我的屏幕上它給了我一個空白的要求！

Answer 1

CSS類表示當瀏覽器寬度小於991px時，td元素將不會顯示。您可能需要增加瀏覽器寬度，使其大於此值。先嚐試最大化瀏覽器：

browser.window.maximize 
puts browser.tbody(:index, 3).tr(:index, 0).td(:index => 3,).text 

如果你是不是想測試響應式設計，可以使用inner_html來獲取文本。無論瀏覽器寬度如何，它都會返回內容。

puts browser.tbody(:index, 3).tr(:index, 0).td(:index => 3,).inner_html 
#=> "Z10"