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

Question

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

这是我的代码：

var sideBar = ReactSelector('Sidebar').getReact();
console.log(sideBar);

我也试过得到一个实际的 属性:

sideBarprops = checkListPage.sideBar.getReact(({ props }) => props.isChecklistVisible);
console.log(sideBar);

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

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

Answer 1

getReact() return 一个 Promise，您需要解决它。你可以这样做

ReactSelector('Sidebar').getReact().then(props => {
   console.log(props);
})

或这个

var sideBar = ReactSelector('Sidebar').getReact();
console.log(await sideBar);

或这个

var sideBar = await ReactSelector('Sidebar').getReact();
console.log(sideBar);