Реагируйте на тестирование детей с помощью Jest и Enzyme

Question

У меня есть этот компонент:

export const MyComponent= ({ children, style }: Props) => (
  <p className="component-class-name" style={style}>
    {children}
  </p>
);

, и я пытаюсь проверить его, поэтому я думаю, что в тесте было два случая, один с детьми, а второй - без.Вот мой фрагмент теста «с детьми»:

  it("should render properly with children", () => {
    const children = <span>MyComponent children</span>;
    const wrapper = mount(<MyComponent {...props}>{children}</MyComponent>);
    expect(wrapper.find(".component-class-name").exists()).toBe(true);
    expect(wrapper.find("span")).toHaveLength(1);
  });

, но я думаю, что есть лучший способ проверить детей.Это нормально или я что-то не так делаю?Для тестирования я использую Jest и Enzyme.

Answer 1

    it("should render  MyComponent without children", () => {
    const wrapper = mount(<MyComponent {...props} />);
     expect(wrapper.find(".component-class-name").text()).toBe(""); 
   });

Итак, вы можете тестировать без детей.