Как можно смоделировать состояние компонента для модульного тестирования?

Question

Я использую энзим, шут, синон для юнит-тестирования. Я хотел бы смоделировать состояние компонентов и перейти в пользовательское состояние, прежде чем компонент будет отрендерен. Как мне этого добиться?

Мой компонент запускается с некоторым начальным состоянием:

constructor(props) {
   super(props);
   this.state = {
     sample: "hello"
   }
}

Я хочу перезаписать значение sample до того, как произойдет рендеринг, путем имитации ложного состояния и перед вызовом shallow ().

Answer 1

Вызовите setState непосредственно на компоненте?

Не уверен на 100%, но, может быть ...

const myComponent = <MyComponent {...props} />
myComponent.setState({ ...mockState })

const myShallowRenderedComponent = shallow(myComponent)
const instance = myShallowRenderedComponent .instance()
expect(instance.state).toEqual(mockState)