如果页面显示：无，如何在页面上找到css元素？

Question

我正在 Ruby 中运行自动化测试。

我正在尝试编写一个脚本，它使用display:none（仅在移动形式中可见）找到 id，然后单击它。

这是我的代码：

def open_menu
   page.find[:css, "a[id='mobile-nav-link']", visible: false].click
end

它给了我一个错误：

   Selenium::WebDriver::Error::InvalidSelectorError:
   invalid selector: No selector specified

Answer 1

快速搜索使用圆括号而不是方括号显示类似的代码。即：

def open_menu
   page.find(:css, "a[id='mobile-nav-link']", visible: false).click
end

Answer 2

Selenium 仅以用户的方式与元素交互。

如果链接仅在移动设备中可见，我建议使用以下方法之一。

1. 通过移动网址查看页面。

2. 您可能能够使用 Ruby 的 javascript 执行来更新控件以使其可见，或者设置表明您正在通过移动设备查看页面的值。

将控件更新为可见

此链接讨论如何使用 javascript 执行将元素设置为可见：Selenium Webdriver - click on hidden elements

此链接讨论如何使用 ruby​​ 的 javascript 执行：How to execute Javascript in Ruby written Webdriver test?

将两者放在一起，你会得到这样的东西吗？

def open_menu
    elem = page.find[:css, "a[id='mobile-nav-link']", visible: false]
    js = "arguments[0].style.height='auto' arguments[0].style.visibility='visible';"
    driver.execute_script(js , elem)
    page.find[:css, "a[id='mobile-nav-link']", visible: true].click
end

我对 Ruby 语法并不完全熟悉，所以我不保证它可以复制/粘贴。