TestCafe ClientFunction TypeError 错误，因为文档未定义

Question

我可以成功执行下面的.click：

const clickMockContinueButton = ClientFunction(() => document.getElementsByName("paymentGatewayIframeReturnSubmit")[0].click())

通过调用它：

await clickMockContinueButton();

但即使在成功后 .click 我得到一个 TypeError：

An error occurred in ClientFunction code:

TypeError: document.getElementsByName(...)[0] is undefined

我在这里做错了什么？

* 使用解决方法编辑 *

当我使用 TC .click(Selector) 或 document.getElementsByName().click() 时，我的模拟页面中似乎有一个错误，因为该操作被执行了两次，因此第二次单击尝试会引发错误因为按钮不存在了。

所以我决定继续并使用一个简单的解决方法：

async function handleMockContinueButton() {
    var focus = ClientFunction(() => {
        document.getElementsByName("paymentGatewayIframeReturnSubmit")[0].focus();
    });

    await focus();
    await t.pressKey("enter");
};

Answer 1

我无法使用您的信息重现“TypeError”问题。我的test.js：

import { Selector, ClientFunction } from 'testcafe';

fixture `My fixture`
    .page `https://google.com/`;

const clickInput = ClientFunction(() => document.getElementsByName('q')[0].click())

test('test', async t => {
    await clickInput(); 
});

TestCafe 版本：1.3.3

命令：testcafe chrome test.js

结果：

Running tests in:
- Chrome 75.0.3770 / Windows 10.0.0

My fixture
√ test


1 passed (3s)

我建议你在测试中使用t.click( selector [, options] )。