如何使用测试咖啡定位/单击选择器(按钮)

Question

我正在尝试使用testcafe测试申请的提交。但是，我似乎无法让测试咖啡馆点击"提交申请"。

到目前为止，我已经尝试了以下方法：

.click(Selector('button').withText('Submit Applicaition'))
.click('#submit-application').withText('Submit Application')

还有一些选择。

我什至无法让测试咖啡馆找到按钮

import {Selector} from 'testcafe';
fixture `MES login`
 .page `http://mes.coeo.com.au/`;
test('FindButton', async t => {
    await t
    .wait(2000)
        .navigateTo('/le12625-senior-exploration-geologist')
    .wait(2000);
    const one = await Selector('#submit-application');
    const two = one.exists;
    await t
        .expect(two).ok()
    await t
    .wait(5000)
        .click(Selector(one));
}

谁能帮我一把，解释一下这是我的testcafe脚本还是网站的构建方式，以及我如何让testcafe点击按钮？

多谢。

链接到网站

Answer 1

试试这个解决方案：

test('FindButton', async t => {
    const submitButton = Selector('div#submit-application');
    await t
        .navigateTo('/le12625-senior-exploration-geologist')
        .expect(submitButton.with({visibilityCheck: true}).exists)
        .ok({timeout: 30000})
        .hover(submitButton)
        .click(submitButton);
});

并将--skip-js-errors添加到 TestCafe 命令行选项中，因为当您提交时不输入任何字段时，由于this.state.data是空对象，第 console.log(this.state.data['State'].value); 行会出现错误