Question

我有一个名为“ MyComponent”的组件，该组件在名为syntex的容器的文件夹中的单独文件中具有连接器，如下所示：

export default connect(
  state => ({
    prop1: reducer.reducerMethod(state),
    prop2: state.prop.value1,
    prop3: state.prop.value2,
    prop4: state.prop.value3,
  }),
  {
    actionMethod1: actionMethod.actionMethod1,
    actionMethod2: actionMethod.actionMethod2

  }
)(MyComponent);

我通过以下代码对其进行了测试：

let store;
beforeEach(() => {
  store = initStore();
  store.dispatch = jest.fn();
});
const render = () => {
  return renderIntoDocument(
    <MemoryRouter>
      <Provider store={store}>
        <MyComponentContainer />
      </Provider>
    </MemoryRouter>
  );
};

const ComponentPage = () => {
  return ReactTestUtils.findRenderedComponentWithType(render(), MyComponent);
};

test("maps state and dispatch to props", () => {
  const page = ComponentPage();
  expect(page).toMatchSnapshot();
});

减速器具有动作方法。

Component'MyComponent'正在使用属性prop1，该属性正在从reducer方法获取数据，而其他prop处于状态。在仅测试容器文件时如何模拟此prop1值？

如何模拟来自reducer值的容器的属性

0 个答案: