javascript - Testcafe 在 react 中无法识别我的 DOM

Question

我是 testcafe 的新手，正在尝试运行一个简单的测试 在 create-react-app 制作的客户端上，但由于某种原因，我无法访问 DOM， 并使用 react 选择器。

我的客户:

import Button from '@material-ui/core/Button'

function(App){
    return(
        <Button>my button</Button>
    );
}

export default App;

这是我的测试:

fixture `Record Page`
.page('http://localhost:3000')

test('try', async t=>{
    await t
        .click(ReactSelector('Button')) //from Material UI
        .wait(100000)
})

错误:

指定的选择器不匹配 DOM 树中的任何元素。

与“按钮”相关

谢谢

Answer 1

这是 testcafe-react-selectors 模块和 Material UI 组件的已知问题。有关其他详细信息，请参阅相应的 issue在 testcafe-react-selectors 存储库中。