$

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

信息

与附加到$浏览器对象相反，此命令根据根元素查询元素。

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

注意：仅当您使用多个选择器策略时，链接$和$$命令才有意义。否则，您将发出不必要的请求，从而降低测试速度（例如，$('body').$('div')将触发两个请求，而$('body div')仅用一个请求即可完成相同操作）。

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

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

WebdriverIO 在使用$或$$命令时无缝遍历影子根，无论嵌套级别或影子根模式如何，例如

await browser.url('https://ionicframework.cn/docs/usage/v8/datetime/basic/demo.html?ionic:mode=md')
await browser.$('button[aria-label="Sunday, August 4"]').click()
 await browser.$('.aux-input').getValue()

信息

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

用法

$(selector).$(selector)

参数

名称	类型	详细信息
选择器	字符串、函数、匹配器	选择器、JS 函数或匹配器对象，用于获取特定元素

示例

example.html

loading...

在 GitHub 上查看

singleElements.js

loading...

在 GitHub 上查看

singleElements.js

loading...

在 GitHub 上查看

singleElements.js

loading...

在 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();
});