LoginPage에 이메일, 비밀번호, 로그인 버튼이 있는지 테스트합니다

Author: solmatches

src/LoginPage.test.jsx

@@ -0,0 +1,26 @@
+import { MemoryRouter } from 'react-router-dom';
+
+import { render } from '@testing-library/react';
+
+import LoginPage from './LoginPage';
+
+describe('LoginPage', () => {
+  const renderLoginPage = () => render(
+    <LoginPage />,
+  );
+
+  it('페이지 제목이 있다.', () => {
+    const { getByRole } = renderLoginPage();
+
+    expect(getByRole('heading', { level: 2 })).toHaveTextContent('Login');
+  });
+
+  it('아이디와 비밀번호를 입력할 수 있는 input과 버튼이 있다.', () => {
+    const { getByRole, getAllByRole } = renderLoginPage();
+
+    expect(getAllByRole('textbox')).toHaveLength(2);
+    expect(getByRole('textbox', { name: 'E-mail' })).toBeInTheDocument();
+    expect(getByRole('textbox', { name: 'Password' })).toBeInTheDocument();
+    expect(getByRole('button', { name: 'Log in' })).toBeInTheDocument();
+  });
+});