$

$ 命令是一种简便快捷的方式，用于获取页面上的单个元素。

您也可以传入一个对象作为选择器，该对象包含一个属性 element-6066-11e4-a52e-4f735466cecf，其值是对元素的引用。该命令随后会将该引用转换为扩展的WebdriverIO元素。

注意：链式使用 $ 和 $$ 命令只有在您使用多种选择器策略时才有意义。否则，您将发出不必要的请求，从而减慢测试速度（例如，$('body').$('div') 会触发两个请求，而 $('body div') 使用一个请求就能实现相同的功能）

注意： 只有当您确定这些元素对象仍然存在于页面上时才使用它们，例如通过使用 isExisting 命令进行确认。WebdriverIO无法重新获取这些元素，因为没有可用的选择器信息。

在使用wdio测试运行器时，此命令是一个全局变量，详情请参阅Globals。在独立脚本中使用WebdriverIO时，它将位于浏览器对象上（例如 browser.$$）。

您可以将 $ 或 $$ 链接在一起，无需将单个命令包装在 await 中，以便遍历DOM树，例如：

const imageSrc = await $$('div')[1].nextElement().$$('img')[2].getAttribute('src')

信息

有关如何选择特定元素的更多信息，请查看选择器指南。

用法

browser.$(selector)

参数

名称	类型	详情
selector	String, Function, Matcher	用于获取特定元素的选择器、JS函数或匹配器对象

示例

example.html

loading...

View on GitHub

singleElements.js

loading...

View on GitHub

singleElements.js

loading...

View on GitHub

singleElements.js

loading...

View on GitHub

$.js

it('should use Androids DataMatcher or ViewMatcher selector', async () => {
    const menuItem = await $({
        "name": "hasEntry",
        "args": ["title", "ViewTitle"],
        "class": "androidx.test.espresso.matcher.ViewMatchers"
    });
    await menuItem.click();

    const menuItem = await $({
        "name": "hasEntry",
        "args": ["title", "ViewTitle"]
    });
    await menuItem.click();
});

返回

• <WebdriverIO.Element>