automated-tests - 单击基于文本的按钮

Question

我正在使用 TestCafe 测试本地运行的应用程序，除了以下问题之外没有任何问题:

我有一个如下所示的元素:

<a href="internallink" class="btn btn-success">Upload file</a>

当测试尝试使用

单击元素时

.click(Selector('.btn').withText('Upload file'))

报错如下

   1) The specified selector does not match any element in the DOM tree.

         | Selector('.btn')
       > |   .withText('Upload new file')

如果有任何关于可能出现问题的提示，我们将不胜感激。

Answer 1

我已经检查了 Bootstrap 网站上具有类似按钮的按钮单击，它按预期工作。请看下面的代码:

import { Selector } from 'testcafe';

fixture `bootstrap`
.page `https://getbootstrap.com/docs/4.2/components/buttons/`;

test(`click button`, async t => {
    await t.click(Selector('.btn').withText('Success'));
});

我建议您检查您的网站并确保:

1. 按钮的 offsetWidth 和 offsetHeight 大于零。
2. 该按钮没有诸如 display:none 或 visibility: hide 之类的样式。

3. 该按钮包含与您正在搜索的文本完全相同的文本。

   如果这没有帮助，如果您分享您的项目或网站网址来演示该问题，那就太好了。