TypeError: Cannot set properties of null (setting 'innerHTML') ❯ src/__tests__/advanced.hashRouter.test.js:12:45

AssertionError: expected 1 to be +0 // Object.is equality - Expected + Received - 0 + 1 ❯ src/__tests__/advanced.hashRouter.test.js:35:63

AssertionError: expected 1 to be +0 // Object.is equality - Expected + Received - 0 + 1 ❯ src/__tests__/advanced.hashRouter.test.js:47:63

AssertionError: expected '\n \n <div class="bg-gray-100 min-h…' to contain '404' - Expected + Received - 404 + + + <div class="bg-gray-100 min-h-screen flex justify-center"> + <div class="max-w-md w-full"> + <header class="bg-blue-600 text-white p-4 sticky top-0"> + <h1 class="text-2xl font-bold">항해플러스</h1> + </header> + + <nav class="bg-white shadow-md p-2 sticky top-14"> + <ul class="flex justify-around"> + <li><a href="/" class="text-blue-600">홈</a></li> + <li><a href="/profile" class="text-gray-600">프로필</a></li> + <li><a href="#" class="text-gray-600">로그아웃</a></li> + </ul> + </nav> + + <main class="p-4"> + <div class="mb-4 bg-white rounded-lg shadow p-4"> + <textarea class="w-full p-2 border rounded" placeholder="무슨 생각을 하고 계신가요?"></textarea> + <button class="mt-2 bg-blue-600 text-white px-4 py-2 rounded">게시</button> + </div> + + <div class="space-y-4"> + + <div class="bg-white rounded-lg shadow p-4"> + <div class="flex items-center mb-2"> + <img src="https://via.placeholder.com/40" alt="프로필" class="rounded-full mr-2"> + <div> + <p class="font-bold">홍길동</p> + <p class="text-sm text-gray-500">5분 전</p> + </div> + </div> + <p>오늘 날씨가 정말 좋네요. 다들 좋은 하루 보내세요!</p> + <div class="mt-2 flex justify-between text-gray-500"> + <button>좋아요</button> + <button>댓글</button> + <button>공유</button> + </div> + </div> + + <div class="bg-white rounded-lg shadow p-4"> + <div class="flex items-center mb-2"> + <img src="https://via.placeholder.com/40" alt="프로필" class="rounded-full mr-2"> + <div> + <p class="font-bold">김철수</p> + <p class="text-sm text-gray-500">15분 전</p> + </div> + </div> + <p>새로운 프로젝트를 시작했어요. 열심히 코딩 중입니다!</p> + <div class="mt-2 flex justify-between text-gray-500"> + <button>좋아요</button> + <button>댓글</button> + <button>공유</button> + </div> + </div> + + <div class="bg-white rounded-lg shadow p-4"> + <div class="flex items-center mb-2"> + <img src="https://via.placeholder.com/40" alt="프로필" class="rounded-full mr-2"> + <div> + <p class="font-bold">이영희</p> + <p class="text-sm text-gray-500">30분 전</p> + </div> + </div> + <p>오늘 점심 메뉴 추천 받습니다. 뭐가 좋을까요?</p> + <div class="mt-2 flex justify-between text-gray-500"> + <button>좋아요</button> + <button>댓글</button> + <button>공유</button> + </div> + </div> + + <div class="bg-white rounded-lg shadow p-4"> + <div class="flex items-center mb-2"> + <img src="https://via.placeholder.com/40" alt="프로필" class="rounded-full mr-2"> + <div> + <p class="font-bold">박민수</p> + <p class="text-sm text-gray-500">1시간 전</p> + </div> + </div> + <p>주말에 등산 가실 분 계신가요? 함께 가요!</p> + <div class="mt-2 flex justify-between text-gray-500"> + <button>좋아요</button> + <button>댓글</button> + <button>공유</button> + </div> + </div> + + <div class="bg-white rounded-lg shadow p-4"> + <div class="flex items-center mb-2"> + <img src="https://via.placeholder.com/40" alt="프로필" class="rounded-full mr-2"> + <div> + <p class="font-bold">정수연</p> + <p class="text-sm text-gray-500">2시간 전</p> + </div> + </div> + <p>새로 나온 영화 재미있대요. 같이 보러 갈 사람?</p> + <div class="mt-2 flex justify-between text-gray-500"> +

TypeError: Cannot set properties of null (setting 'innerHTML') ❯ src/__tests__/advanced.test.js:21:45

AssertionError: expected '\n <div id="root">\n <div class="…' to contain '로그인' - Expected + Received - 로그인 + + <div id="root"> + <div class="bg-gray-100 min-h-screen flex justify-center"> + <div class="max-w-md w-full"> + <header class="bg-blue-600 text-white p-4 sticky top-0"> + <h1 class="text-2xl font-bold">항해플러스</h1> + </header> + + <nav class="bg-white shadow-md p-2 sticky top-14"> + <ul class="flex justify-around"> + <li><a href="/" class="text-gray-600">홈</a></li> + <li><a href="/profile" class="text-blue-600">프로필</a></li> + <li><a href="#" class="text-gray-600">로그아웃</a></li> + </ul> + </nav> + + <main class="p-4"> + <div class="bg-white p-8 rounded-lg shadow-md"> + <h2 class="text-2xl font-bold text-center text-blue-600 mb-8"> + 내 프로필 + </h2> + <form> + <div class="mb-4"> + <label for="username" class="block text-gray-700 text-sm font-bold mb-2">사용자 이름</label> + <input type="text" id="username" name="username" value="홍길동" class="w-full p-2 border rounded"> + </div> + <div class="mb-4"> + <label for="email" class="block text-gray-700 text-sm font-bold mb-2">이메일</label> + <input type="email" id="email" name="email" value="[email protected]" class="w-full p-2 border rounded"> + </div> + <div class="mb-6"> + <label for="bio" class="block text-gray-700 text-sm font-bold mb-2">자기소개</label> + <textarea id="bio" name="bio" rows="4" class="w-full p-2 border rounded">안녕하세요, 항해플러스에서 열심히 공부하고 있는 홍길동입니다.</textarea> + </div> + <button type="submit" class="w-full bg-blue-600 text-white p-2 rounded font-bold"> + 프로필 업데이트 + </button> + </form> + </div> + </main> + + <footer class="bg-gray-200 p-4 text-center"> + <p>© 2024 항해플러스. All rights reserved.</p> + </footer> + </div> + </div> + </div> + ❯ src/__tests__/advanced.test.js:46:39

TypeError: Cannot read properties of null (reading 'disabled') ❯ Object.type node_modules/@testing-library/user-event/dist/esm/utility/type.js:14:17 ❯ node_modules/@testing-library/user-event/dist/esm/setup/setup.js:83:35 ❯ Object.asyncWrapper node_modules/@testing-library/dom/dist/config.js:23:23 ❯ wrapAsync node_modules/@testing-library/user-event/dist/esm/setup/wrapAsync.js:6:24 ❯ Object.method [as type] node_modules/@testing-library/user-event/dist/esm/setup/setup.js:83:16 ❯ src/__tests__/advanced.test.js:54:18

TypeError: Cannot read properties of null (reading 'addEventListener') ❯ src/__tests__/advanced.test.js:73:19

Process completed with exit code 1.