可访问性标识符的 WebdriverIO 和 JavaScript
WebdriverIO and JavaScriptfor accessibility identifiers
如果我有两个文本字段,名字和姓氏,并为它们设置可访问性标识符;这些字段都以 [@name="nameID"])[1]
和 [@name="nameID"])[2].
的数组形式分配 "nameID"
我尝试过
$('~nameID[1]);
和
$('~[@name="nameID"])[1]');
没有结果。我将如何按名称访问这些标识符?
谢谢。
了解您的问题:
假设您的 HTML 代码段如下所示:
First Name <input type="text" name="textName">
Last Name <input type="text" name="textName">
上面的两个文本字段具有相同的属性值 name
。
您可以通过以下方式访问它们:
let textFields = $$('[name="textName"]');
// Access the First Name
textFields[0]
// Access the Last Name
textFields[1]
注:
- 有关选择器和名称属性的更多信息,请参见
WebdriverIO API here
- 上面的解决方案非常基础,HTML 代码片段绝不会那么简单,您将有很多选择来访问它们。
- 如果您的页面中有超过 2 个表单并且有很多
input type texts
那么上面的解决方案肯定不适合使用。
如果我有两个文本字段,名字和姓氏,并为它们设置可访问性标识符;这些字段都以 [@name="nameID"])[1]
和 [@name="nameID"])[2].
"nameID"
我尝试过
$('~nameID[1]);
和
$('~[@name="nameID"])[1]');
没有结果。我将如何按名称访问这些标识符?
谢谢。
了解您的问题:
假设您的 HTML 代码段如下所示:
First Name <input type="text" name="textName">
Last Name <input type="text" name="textName">
上面的两个文本字段具有相同的属性值 name
。
您可以通过以下方式访问它们:
let textFields = $$('[name="textName"]');
// Access the First Name
textFields[0]
// Access the Last Name
textFields[1]
注:
- 有关选择器和名称属性的更多信息,请参见 WebdriverIO API here
- 上面的解决方案非常基础,HTML 代码片段绝不会那么简单,您将有很多选择来访问它们。
- 如果您的页面中有超过 2 个表单并且有很多
input type texts
那么上面的解决方案肯定不适合使用。