如何在testcafe中选择此html元素？

Question

我正在尝试测试React应用。其中一个步骤涉及在出现的模式上单击“确定”。无论我做什么，我似乎都无法选择此html元素，希望能有所帮助。

import { waitForReact } from 'testcafe-react-selectors';
import { ReactSelector } from 'testcafe-react-selectors';

fixture `App tests`
    .page('http://localhost:3000/')
    .beforeEach(async () => {
        await waitForReact();
    });

test('My first test', async t => {
    await t
        .click('#LayerAddingPopUpButtonID'); //works correctly and opens modal

    await t.click(".ant-btn");
});

运行测试时，它处于“等待元素出现”状态，直到失败。

我正在尝试选择元素“ html body div div div.ant-modal-wrap div.ant-modal div.ant-modal-content div.ant-modal-footer div button.ant-btn.ant -btn-primary”

我呈现的页面如下所示（所选元素是我要访问的元素）：