Test Cafe - Getting error on clicking link which is invisible using Client Function

Question

I have to click on a button that is invisible in Html. I tried using Client Function but I am getting an error for the element

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(); 
});

The Error that I am getting is :

An error occurred in ClientFunction code: ReferenceError: viewProgram is not defined

Please help me in resolving this issue

Answer 1

客户函数不能访问在测试代码的外部范围中定义的变量（请参阅客户函数限制），因此您需要将viewProgram选择器作为依赖项传递：

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