[1팀 전명익] [Chapter 1-2] 프레임워크 없이 SPA 만들기 #132
Annotations
9 errors and 1 warning
test basic:
src/components/templates/Navigation.jsx#L15
TypeError: Cannot read properties of undefined (reading 'replace')
❯ HTMLDivElement.handleClick src/components/templates/Navigation.jsx:15:37
❯ HTMLDivElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30
❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25
❯ invokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3
❯ HTMLInputElementImpl._dispatch node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9
❯ HTMLInputElementImpl.dispatchEvent node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17
❯ HTMLInputElement.dispatchEvent node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34
❯ node_modules/@testing-library/user-event/dist/esm/event/dispatchEvent.js:43:33
❯ Object.eventWrapper node_modules/@testing-library/dom/dist/config.js:25:23
❯ wrapEvent node_modules/@testing-library/user-event/dist/esm/event/wrapEvent.js:4:24
This error originated in "src/__tests__/chapter1-1/basic.test.js" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "로그인 폼에서 사용자 이름을 입력하고 제출하면 로그인 되고, 로그아웃 버튼 클릭시 로그아웃 된다.". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
test basic:
src/components/templates/Navigation.jsx#L15
TypeError: Cannot read properties of undefined (reading 'replace')
❯ HTMLDivElement.handleClick src/components/templates/Navigation.jsx:15:37
❯ HTMLDivElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30
❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25
❯ invokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3
❯ HTMLInputElementImpl._dispatch node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9
❯ HTMLInputElementImpl.dispatchEvent node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17
❯ HTMLInputElement.dispatchEvent node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34
❯ node_modules/@testing-library/user-event/dist/esm/event/dispatchEvent.js:43:33
❯ Object.eventWrapper node_modules/@testing-library/dom/dist/config.js:25:23
❯ wrapEvent node_modules/@testing-library/user-event/dist/esm/event/wrapEvent.js:4:24
This error originated in "src/__tests__/chapter1-1/basic.test.js" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "로그인 폼에서 사용자 이름을 입력하고 제출하면 로그인 되고, 로그아웃 버튼 클릭시 로그아웃 된다.". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
test basic:
src/pages/LoginPage.jsx#L18
TypeError: Cannot read properties of null (reading 'value')
❯ HTMLDivElement.handleSubmit src/pages/LoginPage.jsx:18:56
❯ HTMLDivElement.callTheUserObjectsOperation node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30
❯ innerInvokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25
❯ invokeEventListeners node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3
❯ HTMLFormElementImpl._dispatch node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9
❯ HTMLFormElementImpl.dispatchEvent node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17
❯ HTMLFormElement.dispatchEvent node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34
❯ src/__tests__/chapter1-1/basic.test.js:82:17
❯ node_modules/@vitest/runner/dist/index.js:533:5
❯ runTest node_modules/@vitest/runner/dist/index.js:1056:11
This error originated in "src/__tests__/chapter1-1/basic.test.js" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.
The latest test that might've caused the error is "로그인 폼에서 사용자 이름을 입력하고 제출하면 로그인 되고, 로그아웃 버튼 클릭시 로그아웃 된다.". It might mean one of the following:
- The error was thrown, while Vitest was running this test.
- If the error occurred after the test had been completed, this was the last documented test before it was thrown.
|
test basic:
src/__tests__/chapter1-1/basic.test.js#L93
AssertionError: expected '{"username":"testuser","email":"","bi…' to deeply equal null
- Expected:
null
+ Received:
"{\"username\":\"testuser\",\"email\":\"\",\"bio\":\"\"}"
❯ src/__tests__/chapter1-1/basic.test.js:93:44
|
test basic:
src/__tests__/chapter1-1/basic.test.js#L103
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__/chapter1-1/basic.test.js:103:18
|
test basic:
src/__tests__/chapter1-1/basic.test.js#L103
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__/chapter1-1/basic.test.js:103:18
|
test basic:
src/__tests__/chapter1-1/basic.test.js#L143
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__/chapter1-1/basic.test.js:143:18
|
test basic:
src/__tests__/chapter1-1/basic.test.js#L182
AssertionError: expected '<div id="root"><div class="bg-gray-10…' 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-blue-600 font-bold">홈</a></li><li><a href="/profile" class="text-gray-600">프로필</a></li><li><a href="#" id="logout" class="text-gray-600">로그아웃</a></li></ul></nav><main class="p-4"><div class="mb-4 bg-white rounded-lg shadow p-4"><textarea id="post-content" placeholder="무슨 생각을 하고 계신가요?" class="w-full p-2 border rounded"></textarea><button id="post-submit" class="mt-2 bg-blue-600 text-white px-4 py-2 rounded">게시</button></div><div id="posts-container" class="space-y-4"><div class="bg-white rounded-lg shadow p-4 mb-4"><div class="flex items-center mb-2"><div><div class="font-bold">홍길동</div><div class="text-gray-500 text-sm">5분 전</div></div></div><p>오늘 날씨가 정말 좋네요. 다들 좋은 하루 보내세요!</p><div class="mt-2 flex justify-between text-gray-500"><span class="like-button cursor-pointer">좋아요 0</span><span>댓글</span><span>공유</span></div></div><div class="bg-white rounded-lg shadow p-4 mb-4"><div class="flex items-center mb-2"><div><div class="font-bold">김철수</div><div class="text-gray-500 text-sm">15분 전</div></div></div><p>새로운 프로젝트를 시작했어요. 열심히 코딩 중입니다!</p><div class="mt-2 flex justify-between text-gray-500"><span class="like-button cursor-pointer">좋아요 0</span><span>댓글</span><span>공유</span></div></div><div class="bg-white rounded-lg shadow p-4 mb-4"><div class="flex items-center mb-2"><div><div class="font-bold">이영희</div><div class="text-gray-500 text-sm">30분 전</div></div></div><p>오늘 점심 메뉴 추천 받습니다. 뭐가 좋을까요?</p><div class="mt-2 flex justify-between text-gray-500"><span class="like-button cursor-pointer">좋아요 0</span><span>댓글</span><span>공유</span></div></div><div class="bg-white rounded-lg shadow p-4 mb-4"><div class="flex items-center mb-2"><div><div class="font-bold">박민수</div><div class="text-gray-500 text-sm">30분 전</div></div></div><p>주말에 등산 가실 분 계신가요? 함께 가요!</p><div class="mt-2 flex justify-between text-gray-500"><span class="like-button cursor-pointer">좋아요 0</span><span>댓글</span><span>공유</span></div></div><div class="bg-white rounded-lg shadow p-4 mb-4"><div class="flex items-center mb-2"><div><div class="font-bold">정수연</div><div class="text-gray-500 text-sm">2시간 전</div></div></div><p>새로 나온 영화 재미있대요. 같이 보러 갈 사람?</p><div class="mt-2 flex justify-between text-gray-500"><span class="like-button cursor-pointer">좋아요 0</span><span>댓글</span><span>공유</span></div></div></div></main><footer class="bg-gray-200 p-4 text-center"><p>© 2024 항해플러스. All rights reserved.</p></footer></div></div></div>"
❯ src/__tests__/chapter1-1/basic.test.js:182:39
|
test basic
Process completed with exit code 1.
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading