Selenium IDE - 定位策略 - CSS定位 - 子字符串

Selenium IDE 是一个基于浏览器插件的录制和回放测试工具，可以记录您在浏览器中的操作，并以 Selenese 脚本的形式回放它们，从而自动化 Web 应用程序测试。

定位策略

在编写自动化测试脚本时，使用正确的定位策略非常重要。在 Selenium IDE 中，以下是最常用的定位策略：

• id
• name
• link
• xpath
• css

因此，在选择定位元素时，我们需要明确它的唯一性。例如：

//定位一个具有 ID 为“username”的输入框
<input type="text" id="username" name="username" />

// 通过链接文本定位元素
<a href="https://www.google.com">Google</a>

CSS 定位

CSS 定位是一种快速定位元素的方法，Selenium 通过 css 定位方法可实现选择一个或一组 HTML 元素，让我们看看一些示例：

• 属性选择器

例如，我们要选择一个具有特定属性 / 值对的元素，如下所示：

//选择现有 href 属性的 <a> 元素
a[href]

//选择 href 属性值为“https://www.google.com”的 <a> 元素
a[href='https://www.google.com']

//选择 href 属性值为以“https://”开头的所有 <a> 元素
a[href^='https://']

//选择 href 属性值为以“.com”结尾的所有 <a> 元素
a[href$='.com']

• 父子组合选择器

如果我们需要选择一个元素，该元素是其父元素的直接后代，则可以使用以下组合选择器：

//选择 <div> 元素下的第一个 <p> 元素
div > p:first-child

//选择 <div> 中第一个偶数 <p> 元素
div > p:nth-child(even)

• 子字符串

如果我们想选择元素中具有包含某个子字符串的值的元素，我们可以这样选择：

//选择具有文本“Google”（请注意没有路径分隔符的空格）的 <a> 元素
a:contains('Google')

总结

Selenium IDE 是轻松创建使用 CSS 选择符的自动化测试脚本的工具。通过选择正确的定位策略和使用各种 CSS 选择符，可以轻松地识别出 Web 应用程序中的源代码，并进行针对性地测试。