@photic

Как протестировать React компонет с useState, используя Jest и Enzyme?

Как протестировать React компонет с useState, используя Jest и Enzyme?
Имеется вот такой компонент:
import React, { useState } from 'react';
import AuthContainer from 'Components/AuthContainer';
import LoginConfirmForm from './components/LoginConfirmForm';
import SmsConfirm from 'Components/SmsConfirm';

const LoginPage = () => {
  const [ smsConfirm, setSmsConfirm ] = useState(false);

  if (smsConfirm) {
    return <SmsConfirm setSmsConfirm={setSmsConfirm} />;
  }

  return (
    <AuthContainer title='Вход'>
      <LoginConfirmForm setSmsConfirm={setSmsConfirm} />
    </AuthContainer>
  );
};

export default LoginPage;

Мне не понятно как тестировать рендер нескольких компонентов? Я делаю так, но не уверен в этом. Как тестировать по условию, с учетом что это выполняется через useState
test('renders', () => {
    const wrapper = shallow(
      <AuthContainer >
        <LoginConfirmForm />
      </AuthContainer>
    );

    expect(wrapper.exists()).toBe(true);

  });
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы