css - 有什么方法可以使用带有 CSS 选择器的文本来定位 Web 元素吗？

Question

鉴于元素的需要，我最近从使用 xpaths 转向使用 CSS 选择器。我不熟悉这些定位器的使用，需要知道是否有任何方法可以为我的 Web 元素编写基于文本的 CSS 选择器。

我找到了一些来源，例如 [ https://sauceio.wordpress.com/2010/03/19/selenium-tips-finding-elements-by-their-inner-text-using-contains-a-css-pseudo-class/ ] 和[https://saucelabs.com/resources/articles/selenium-tips-css-selectors ] 这表明 CSS 选择器允许使用包含伪类的基于文本的定位器，但我无法使用这种方法编写它们。有什么方法可以为 Web 元素编写基于文本的 CSS 定位器吗？

Answer 1

首先你必须做一些工作，这是帮助你了解如何使用 cssSelector 的链接

- 使用 ID

CSS 选择器规则 - #id

    <button id="submitButton1" type="button" class="btn">Submit</button>
CSS Locator - `#submitButton1`

说明 - '#submitButton1' 将选择 ID 为 'submitButton1' 的元素。

- 使用类

CSS 选择器规则 - .class

    <button id="submitButton1" type="button" class="btn">Submit</button>

CSS Locator - `.btn`

说明 - '.btn' 将选择所有类为 'btn' 的元素。

http://artoftesting.com/automationTesting/css-selector-in-selenium-webdriver.html