自定义标签的午睡选择器

Question

我想问一下在午睡时是否可以写select或自定义标签：

例如我有组件：

<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">

我可以从控制台 select 使用 css select 或者： document.querySelector('a[data-id="loginBtn"]')

但是如果我在午睡测试中写： t.chain({click: '>> a[data-id="loginBtn"]'}, 找不到组件。

select或应该如何查找组件？

Answer 1

您的组件的选择器应如下所示：

t.chain(
    {click: 'a[data-id=loginBtn]'}
)

点击方法正在接受 ActionTarget ，而您使用的是用于 ExtJS 组件查询的 >>。您可以在文档页面上找到有关如何指定目标类型的更多信息。

如果您正在测试 ExtJS 应用程序，您应该也可以直接单击 ExtJS 按钮组件。有多种方法可以定位此类按钮，但如果您设置配置 itemId 这是组件的唯一 ID，则查询看起来类似：

t.chain(
    {click: '>> button[itemId=loginBtn]'}
)

自定义标签的午睡选择器

Siesta selector by custom tags

javascript

testing

css-selectors

siesta