testing - 在 TestCafe 中测试期间在浏览器控制台中运行命令

Question

我想在 TestCafe 测试期间包含此命令。我发现我可以使用客户端函数和 t.eval 执行 JavaScript 代码，但我不知道如何继续。

测试时需要自动执行的命令:

document.querySelector(".Watchlist--form").submit()

我该怎么做？

Answer 1

如果无法使用test actions要提交表单，您需要创建一个 Client Function这样做:

import { Selector, ClientFunction } from 'testcafe';

const submitAction = ClientFunction(() => {
    document.querySelector(".Watchlist--form").submit();
});

fixture `My fixture`
    .page `http://example.com`;

test('My test', async t => {
    // Some actions and assertions before the submit action
    await t
        .click(Selector(...))
        ...
        .expect(...).ok();

    // Submit action
    await submitAction();

    // Some actions and assertions after the submit action
    await t
        .click(Selector(...))
        ...
        .expect(...).ok();
});