25、深入探索Webrat与Selenium：从基础到自动化浏览器测试

深入探索Webrat与Selenium：从基础到自动化浏览器测试

1. CSS选择器与XPath的关系

在Web测试中，CSS选择器和XPath是定位页面元素的重要工具。 have_selector() 方法实际上是将CSS选择器转换为XPath，然后使用 have_xpath() 来实现功能。这意味着 have_selector() 的所有特性在 have_xpath() 中同样适用。

这里存在一个有趣的规则：所有的CSS选择器都可以用XPath表示，但并非所有的XPath选择器都能用CSS表示。XPath支持许多CSS没有的实用特性，例如向上遍历文档树（如查找包含 <p> 标签的所有 <div> 标签）。

2. Webrat的高级特性

2.1 在特定范围内操作

有时候，仅通过标签定位表单字段不够精确。例如，在一个可以同时添加多个类型的表单中，每个类型行都有自己的标签，但使用 fill_in() 方法总是会操作第一行的输入字段。

为了解决这个问题，Webrat提供了 within() 方法。通过提供一个CSS选择器，你可以将所有的表单操作限定在页面的一个子集内。以下是如何填充第二个类型名称字段的示例：

When /^I fill in Horror for the secon