testing - 将 TestCafe 与 mobx 一起使用

Question

我正在尝试将testCafe和testcafe 反应选择器与我的 mobx 应用程序一起使用以进行端到端测试。React 选择器有非常方便的选择器。例如：对于如下组件：

<TodoApp className="todo-app">
    <TodoInput />
    <TodoList>
        <TodoItem priority="High">Item 1</TodoItem>
        <TodoItem priority="Low">Item 2</TodoItem>
    </TodoList>

    <div className="items-count">Items count: <span>{this.state.itemCount}</span></div>
</TodoApp>

选择组件非常简单：

const TodoList = ReactSelector('TodoApp TodoList')

但是当我在 mobx 中使用注入时：

inject((ctx) => ({
  injectable1: ctx.injectable1,
}))(Component)

mobx 插入了一个装饰器组件，如下所示：

因此我不能使用正常的反应选择器。有什么方法可以在不使用 Html 选择器的情况下使用反应选择器？

Answer 1

目前，TestCafe (v1.10) 不支持开箱即用的这种场景。因此，CSS 选择器是实现您的任务的唯一方法。

另请参阅：TestCafe 选择器