css - 将 CSS 与 Selenium 2 / Webdriver 一起使用

Question

所以我是 Selenium 的新手，我几乎没有任何编程等方面的背景。所以这是我的困境：通常我会使用 firefox 插件来查找 Xpath 定位器来创建自动化测试脚本。我知道使用 CSS 定位器要好得多，但是当我右键单击并打开“检查元素”窗口时，我在尝试解密浏览器中看到的 CSS 时遇到了麻烦。我的问题：有没有一种方法可以让我学会如何很好地阅读 CSS 以在我的测试脚本中使用 CSS 定位器，而无需从里到外学习整个事情？也许某种参考可以让学习变得容易，足以在任何 Web 元素上找到 CSS 信息。提前致谢！

Answer 1

您使用什么 Firefox 插件来查找 Xpath？试试Firepath ，它位于Firebug之上，并且像 xpath 一样具有 css 评估器。请看截图。

Answer 2

使用 Firepath 查找 CSS 定位器是一个好主意，但我建议您不要使用 CSS 定位器来编写自动化脚本。这是因为 CSS 定位器严重依赖于 .CSS 文件中定义的 CSS 属性。

因此，如果开发人员更改任何元素的单个属性，那么 Selenium IDE 可能会或可能不会找到您想要的相同 CSS 选择器。

因此最好先使用 ID，因为它们不会经常更改。如果 Selenium 没有找到 ID，那么您可以使用 xpaths，然后剩下的最后一个选项是 CSS 定位器。