robotframework-react 1.0.0a2

Plain React 示例

在没有任何参数的情况下使用“等待React”，它期望React应用在应用完全加载时将全局变量“window.appStatus”设置为true。

为了与您的React应用一起使用，请在您的index.js中添加全局变量window.appStatus

window.appStatus = false
const updateStatus = () => {
  window.appStatus = true
}

ReactDOM.render(<App updateStatus={updateStatus} />, document.getElementById('root'));

在App中添加一个“isLoading”状态，并在componentDidMount和componentDidUpdate（App.js）中更新它

class App extends Component {
  state = {
    isLoading: true,
  }

  componentDidMount() {
    wait(2000).then(() => {
      this.setState({ isLoading: false })
    })
  }

  componentDidUpdate() {
    if (!this.state.isLoading) {
      this.props.updateStatus()
    }
  }
  ...
}

您可以在以下位置找到完整的示例： https://github.com/kitconcept/robotframework-react/tree/master/tests/create-react-app

Robot 测试： https://github.com/kitconcept/robotframework-react/blob/master/tests/create-react-app/test.robot

Redux

当与Redux一起工作时，您必须将还原器的名称传递给“等待React”关键字

Wait for react  reducer=headlines

还原器应在Redux状态中实现“isFetching”属性

const initialState = {
  isFetching: false,
  ...
};

您也可以将属性命名为任何您想要的名字，并通过“stateName”参数传递给“等待React”键盘

Wait for react  reducer=headlines  stateName=isLoading

您可以在以下位置找到完整的示例

https://github.com/kitconcept/robotframework-react/tree/master/tests/create-react-app-with-redux

带有Redux的Robot测试

https://github.com/kitconcept/robotframework-react/blob/master/tests/create-react-app-with-redux/test.robot