Javascript Test Cafe-单击链接时出错，该链接使用客户端函数不可见

我必须单击在

Html

中不可见的按钮。我尝试使用客户机函数，但该元素出现错误

import { Selector,ClientFunction } from 'testcafe';
fixture('Clicking Invisible link').page('http://example.com');

test('Click on invisible link', async t => {
  const viewProgram = Selector('tbody [viewBox]').nth(0);
  const clickViewProgram = ClientFunction(() => viewProgram().click());
  await clickViewProgram(); 
});

我得到的错误是：

ClientFunction代码中发生错误：ReferenceError:viewProgram 没有定义

请帮助我解决此问题

您是否尝试过简单：

---

等待t.单击（'t正文[视图框]）

客户端函数无法访问在测试代码（请参阅）的外部作用域中定义的变量，因此您需要将

viewProgram

选择器作为：

---

我不能使用它，因为这个元素不可见。所以，我想我只能使用客户端函数。如果你尝试这个，你能发布一个错误吗？据我所知，javascript可以看到html中的所有项目。您还可以添加此按钮的隐藏方式吗？Css或标记？它抛出错误：与指定选择器匹配的元素不可见。thsi元素的Css为```是否需要viewProgram（）上的第一个（）。单击（）？viewProgram不是函数Yes viewProgram返回多个元素，我必须单击第一个元素。我也尝试过使用const clickViewProgram=ClientFunction（（）=>viewProgram.click（）），但它也不起作用，并返回相同的错误：viewProgram未定义

const clickViewProgram = ClientFunction(() => viewProgram().click(), {
    dependencies: { viewProgram }
});