测试期间弹出消息框

Question

我在TestCafe studio中运行了一个测试，该测试进入网站，单击页面并暂停。在暂停期间，我希望弹出一个消息框并显示一条评论（用作解释网站上发生的事情的教学工具）。我试过几种方法，但都不管用。我对这个很陌生，可能错过了什么？

提前谢谢！下面是我的简单测试代码

从“testcafe”导入{Selector，ClientFunction}；从“弹出窗口”导入{popups}；夹具svdemo管理器驾驶舱。页面http://localhost/SvManagerCockpit/home.httpAuth（{username:'myusernamehere'，password:'mypasswordhere'，domain:'mydomainhere'}）；

测试（'Pause'，异步t=

await t
 .expect(alert()).eql(1);

}); 我希望在.js测试中插入一些代码，以便在浏览器中生成一个消息框/对话框。

Answer 1

只要快速浏览一下，您的警报末尾没有分号吗？也许试着添加这些，看看会发生什么。

如果这不起作用，请发布您的完整代码，以便我们可以查看！

Answer 2

是你的

import { Selector, ClientFunction } from 'testcafe';

fixture `testcafe`
    .page `https://devexpress.github.io/testcafe/`;

test('Test with message box', async t => {
    const showMessageBox = ClientFunction(message => {
        return new Promise(resolve => {
            var msgBox = document.createElement('div');
            msgBox.textContent = message;
            msgBox.style['top'] = '500px';
            msgBox.style['left'] = '500px';
            msgBox.style['position'] = 'absolute';
            msgBox.style['font-size'] = 'x-large';
            document.body.appendChild(msgBox);
            setTimeout(() => {
                document.body.removeChild(msgBox);
                resolve();
            }, 4000);            
        });
    });

    await t
        .click(Selector('span').withText('Docs'));
    await showMessageBox('Docs link was clicked!');
    await t
        .click(Selector('a').withText('Using TestCafe'));
});