Question

我有一个总是具有相同结构的菜单，但ID可以从一个安装更改为另一个安装。唯一保持不变的是标题（在我的情况下＆＃34;插件＆＃34;）。我在测试中使用document.getElementsByClassName调用Selector函数：

var slides = Selector(() =>{
    return document.getElementsByClassName("c-p-header-text");
});

菜单元素的每个标题都有c-p-header-text类。这是菜单标题元素的样子：

<div id="ext-comp-1002" class="c-p c-tree c-p-collapsed" style="width: auto;">
     <div class="c-p-header c-unselectable c-accordion-hd" id="ext-gen135" style="cursor: pointer;">
        <div class="c-tool c-tool-toggle" id="ext-gen140">&nbsp;</div>
        <img src="/backEnd/images/s.gif" class="c-p-inline-icon order"><span class="c-p-header-text" id="ext-gen150">Plugins</span>
     </div>

使用await t.click("#ext-gen150")会很容易，但始终是这个ID是不安全的。

这是我试过的：

await t
    .click('#sites__db');
var slides = Selector(() =>{
    return document.getElementsByClassName("c-p-header-text");
});
console.log("[DEBUG]" + slides);
console.log("[DEBUG] found " + slides.length + " elements");
for(var i = 0; i < slides.length; i++)
{
    var txtOfCurrElem = slides.item(i).innerText; 
    console.log("[DEBUG "+ i +"] Text: " + txtOfCurrElem);
}

运行此测试会给出以下输出：

[DEBUG]function __$$clientFunction$$() {
        var testRun = builder.getBoundTestRun() || _testRunTracker2.default.resolveContextTestRun();
        var callsite = (0, _getCallsite.getCallsiteForMethod)(builder.callsiteNames.execution);
        var args = [];

        // OPTIMIZATION: don't leak `arguments` object.
        for (var i = 0; i < arguments.length; i++) {
            args.push(arguments[i]);
        }return builder._executeCommand(args, testRun, callsite);
    }
[DEBUG] found 0 elements

计划是找到元素（带标题＆＃34;插件＆＃34;），然后在测试连续时单击它。

Answer 1

在这种情况下，您不必使用editTextField.setOnFocusChangeListener(new OnFocusChangeListener() { @Override public void onFocusChange(View v, boolean hasFocus) { // TODO Auto-generated method stub if (hasFocus) scrollView.scrollBy(0, 150); });。您只需使用CSS类选择器：
```
document.getElementsByClassName
```
在处理选择器数组时，应使用var slides = Selector('.c-p-header-text');属性。 docs。此外，元素属性（例如count，exists和DOM node state properties都是Promisified，因此当您在count中使用它们时，应使用t.expect关键字：
```
await
```

Answer 2

我找到了一个简单的答案。我使用.withText选项单击插件元素：

.click(Selector('span').withText("Plugins"))

由于此名称也是唯一的，因此它始终是单击的正确元素。如果我的网站不是extJS Web应用程序，我不知道是否可以使用@AndreyBelym的解决方案。

在Testcafe中使用document.getElementsByClassName

2 个答案: