E2E测试 - 单击特定按钮

Question

我有一个按钮，看起来像html的

<span class="v-btn__content">Create</span>

e2e测试中，我正在尝试单击创建按钮

module.exports = {
    'My first test case'(browser) {
        browser

        .url('http://localhost:8080/#/')

        .waitForElementVisible('#app')
        .waitForElementVisible('#input-10')
        .waitForElementVisible('#input-13')
        .setValue('#input-10', '[email protected]')
        .setValue('#input-13', '**')
        .click('.v-btn__content')
        .assert.textContains('.v-toolbar__title','App')
        .waitForElementVisible('.v-data-footer__pagination')
        .waitForElementVisible('.v-btn__content')
        .assert.textContains('.v-btn__content','Create')
        .click('.v-btn__content','Create')  ❌
        
    }
}

，我得到了

✖测试如果元素＆lt; .v-btn__content＆gt;包含5000ms中的文本“创建” - 预期“包含文本'create'”但got：“不包含'create'”（5219ms）

Answer 1

我无法100％确认我的猜测是正确的，但是根据我的理解，TextContains会选择您提供的选择器的DOM元素，并与提供的文本进行比较。
但是，在您的示例中，您的选择器是className，可以归因于几个元素，尤其是一个元素，例如v-btn__content。

潜在的修复可能是给您的HTML按钮一个ID，例如：
＆lt; span ID =“ create-content” class =“ v-btn__content”＆gt; create＆lt;/span＆gt;，然后通过以下方式替换textContains selector：

...
.assert.textContains('#create-content', 'Create')
...

现在，如果这是错误，则令我惊讶的是，您没有在.assert.textcontains（'。v-toolbar__title'，'app'）中遇到错误如果您的页面中只有一个，则很可能是这种情况。

如果这无法解决，那么如果您可以提供最小的代码和框，请进一步提供帮助。