[ 18팀 윤성용 ] 프레임워크 없이 SPA 만들기 #54
Annotations
4 errors and 2 warnings
advanced-test:
src/utils/router.js#L52
TypeError: Cannot read properties of undefined (reading 'replace')
❯ HTMLLIElement.<anonymous> src/utils/router.js:52:45
❯ HTMLLIElement.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
❯ HTMLAnchorElementImpl._dispatch node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9
❯ fireAnEvent node_modules/jsdom/lib/jsdom/living/helpers/events.js:18:36
❯ HTMLAnchorElementImpl.click node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:85:5
❯ HTMLAnchorElement.click node_modules/jsdom/lib/jsdom/living/generated/HTMLElement.js:108:34
❯ src/__tests__/advanced.test.js:24:38
❯ node_modules/@vitest/runner/dist/index.js:146:14
This error originated in "src/__tests__/advanced.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.
|
advanced-test:
src/__tests__/advanced.test.js#L77
Error: 의도적인 오류입니다.
❯ HTMLInputElement.$username.addEventListener.once src/__tests__/advanced.test.js:77:15
❯ HTMLInputElement.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__/advanced.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.
|
advanced-test:
src/__tests__/advanced.test.js#L82
AssertionError: expected '<div id="root"><main class="bg-gray-1…' to contain '오류 발생!'
- Expected
+ Received
- 오류 발생!
+ <div id="root"><main class="bg-gray-100 flex items-center justify-center min-h-screen">
+ <div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
+ <h1 class="text-2xl font-bold text-center text-blue-600 mb-8">항해플러스</h1>
+ <form id="login-form">
+ <div class="mb-4">
+ <input type="text" name="email" id="username" placeholder="이메일 또는 전화번호" class="w-full p-2 border rounded">
+ </div>
+ <div class="mb-6">
+ <input type="password" name="password" placeholder="비밀번호" class="w-full p-2 border rounded">
+ </div>
+ <button type="submit" class="w-full bg-blue-600 text-white p-2 rounded font-bold">로그인</button>
+ </form>
+ <div class="mt-4 text-center">
+ <a href="#" class="text-blue-600 text-sm">비밀번호를 잊으셨나요?</a>
+ </div>
+ <hr class="my-6">
+ <div class="text-center">
+ <button class="bg-green-500 text-white px-4 py-2 rounded font-bold">새 계정 만들기</button>
+ </div>
+ </div>
+ </main></div>
❯ src/__tests__/advanced.test.js:82:39
|
advanced-test
Process completed with exit code 1.
|
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
|
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v2. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
Loading