我想问一下在午睡时是否可以通过自定义标签编写选择器:
例如我有组件:
<a class="x-btn x-unselectable x-box-item x-toolbar-item x-btn-default-small" style="min-width: 75px; right: auto; left: 232px; top: 0px; margin: 0px;" hidefocus="on" unselectable="on" id="button-1017" data-id="loginBtn" tabindex="0" componentid="button-1017" target="_blank">
我可以使用 css 选择器从控制台中选择:
document.querySelector('a[data-id="loginBtn"]')
但是如果我在午睡测试中写:
t.chain({click: '>> a[data-id="loginBtn"]'}, 找不到组件。
选择器应该如何查找组件？
最佳答案
您的组件的选择器应如下所示:
t.chain(
{click: 'a[data-id=loginBtn]'}
)
点击方法正在接受ActionTarget ，而您使用的是用于 ExtJS 组件查询的 >>。您可以在文档页面上找到有关如何指定目标类型的更多信息。
如果您正在测试 ExtJS 应用程序，您应该还可以直接单击 ExtJS 按钮组件。有多种方法可以定位此类按钮，但如果您设置配置 itemId这是组件的唯一 ID，查询看起来类似:
t.chain(
{click: '>> button[itemId=loginBtn]'}
)
关于javascript - 自定义标签的午睡选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31651438/