The t.click action does not work with a Web Component

[Dmitry-Ostashev]

What is your Test Scenario?

Click a button that is a Web Component

What is the Current behavior?

The t.click action does nothing

What is the Expected behavior?

The t.click action leads to the same result as the document.querySelector(...).click() client-side script

What is your web application and your TestCafe test code?

 import { Selector } from 'testcafe';

fixture `web component`
    .page `https://xy-ui.codelabo.cn/docs/#/xy-button`;

test('New Test', async t => {
    await t
        .click(Selector('p').withText('toggle button').find('.button-toggle'))
        .wait(1000)
        .expect(Selector('p').withText('toggle button').find('.button-toggle').checked).eql(true);
});

Steps to Reproduce:

1. Run the test;
2. See that the "toggle" button is not clicked.

Your Environment details:

• testcafe version: 1.8.1;
• node.js version: v12;
• browser name and version: Chrome 79;
• platform and version: Win10;
• SC ticket: T859250;

[AlexKamaev]

fixed in #2262
should close this issue after HH is published

[helen-dikareva]

Fixed in testcafe-hammerhead 16.2.3