将ReactSelector用于TestCafe时,不断获取`ReExecutablePromise {_then:[],_fn:[Function],_taskPromise:null}

Tal*_*lKU 2 automated-tests web-testing reactjs e2e-testing testcafe

我正在尝试使用TestCafe在React网站上实施测试。我想使用getReact()打印各种道具/属性。但是,当打印到控制台时,我总是得到ReExecutablePromise { _then: [], _fn: [Function], _taskPromise: null }

这是我的代码:

var sideBar = ReactSelector('Sidebar').getReact();
console.log(sideBar);
Run Code Online (Sandbox Code Playgroud)

我还尝试获取实际属性:

sideBarprops = checkListPage.sideBar.getReact(({ props }) => props.isChecklistVisible);
console.log(sideBar);
Run Code Online (Sandbox Code Playgroud)

任一项总是打印 ReExecutablePromise { _then: [], _fn: [Function], _taskPromise: null }

我需要能够打印ReactSelector的属性,类名,状态,键等的实际值。

小智 5

getReact()返回一个Promise,您需要解决它。您可以这样做

ReactSelector('Sidebar').getReact().then(props => {
   console.log(props);
})
Run Code Online (Sandbox Code Playgroud)

或这个

var sideBar = ReactSelector('Sidebar').getReact();
console.log(await sideBar);
Run Code Online (Sandbox Code Playgroud)

或这个

var sideBar = await ReactSelector('Sidebar').getReact();
console.log(sideBar);
Run Code Online (Sandbox Code Playgroud)