фермент содержит соответствующий элемент с состояниями

Question

Мне трудно понять, почему мой тест не работает.Допустим, у меня есть такой компонент:

class MyComponent extends Component {
   constructor(props) {
      super(props);
      this.state = { flag: true };
   }
   render() {
      return (
         <div>
          {
            this.state.flag && (
               <div>Hello there!</div>
            )
          }
         </div>
      )
   }
}

Вот мой тестовый файл:

it ('shows Hello There when the flag is set to true', () => {
  const component = shallow(<MyComponent />);
  component.setState({ flag: true });
  expect(
    component.containsMatchingElement(<div>Hello There</div>)
  ).toBe(true)
});

Когда я запускаю его, он говорит, что ожидает true, но получает false.Я что-то не так делаю?

Спасибо!

Answer 1

Вам не хватает восклицательного знака в тестовом примере.В вашем компоненте у вас есть <div>Hello there!</div>, а в вашем тестовом примере - <div>Hello There</div>.Ваш тестовый пример должен быть <div>Hello there!</div> с восклицательным знаком!