LoginPage의 input[type=password] 테스트 macher를 변경합니다

input[type=password]의 경우 role을 가지고있지 않음
테스트할 때는 getByLabelText를 권장한다.

관련 토론:
- 암호에 role이 없는 이유애 대한 토론 내용도 나온다.
testing-library/dom-testing-library#567

Author: solmatches

src/LoginPage.test.jsx

@@ -1,5 +1,3 @@
-import { MemoryRouter } from 'react-router-dom';
-
 import { render } from '@testing-library/react';
 
 import LoginPage from './LoginPage';
@@ -16,11 +14,10 @@ describe('LoginPage', () => {
   });
 
   it('아이디와 비밀번호를 입력할 수 있는 input과 버튼이 있다.', () => {
-    const { getByRole, getAllByRole } = renderLoginPage();
+    const { getByRole, getByLabelText } = renderLoginPage();
 
-    expect(getAllByRole('textbox')).toHaveLength(2);
     expect(getByRole('textbox', { name: 'E-mail' })).toBeInTheDocument();
-    expect(getByRole('textbox', { name: 'Password' })).toBeInTheDocument();
+    expect(getByLabelText('Password')).toBeInTheDocument();
     expect(getByRole('button', { name: 'Log in' })).toBeInTheDocument();
   });
 });