Skip to content

[ 18팀 윤성용 ] 프레임워크 없이 SPA 만들기 #54

[ 18팀 윤성용 ] 프레임워크 없이 SPA 만들기

[ 18팀 윤성용 ] 프레임워크 없이 SPA 만들기 #54

Triggered via pull request September 24, 2024 18:03
@tty5799tty5799
synchronize #14
Status Failure
Total duration 23s
Artifacts

ci.yml

on: pull_request_target
Fit to window
Zoom out
Zoom in

Annotations

9 errors and 4 warnings
Unhandled error: 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.
Unhandled error: 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.
src/__tests__/advanced.test.js > 심화과제 테스트 > 3. 에러 바운더리 구현 > 로그인을 하다가 오류가 발생하면, 에러 바운더리에서 에러를 표시한다.: 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
advacned
Process completed with exit code 1.
Unhandled error: 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__/basic.test.js:69:20 ❯ node_modules/@vitest/runner/dist/index.js:529:5 This error originated in "src/__tests__/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.
Unhandled error: 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__/basic.test.js:89:41 ❯ node_modules/@vitest/runner/dist/index.js:146:14 This error originated in "src/__tests__/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.
Unhandled error: 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__/basic.test.js:89:41 ❯ node_modules/@vitest/runner/dist/index.js:146:14 This error originated in "src/__tests__/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.
Unhandled error: 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 ❯ HTMLAnchorElementImpl.dispatchEvent node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17 ❯ HTMLAnchorElement.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__/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 "Header, Footer 컴포넌트가 메인 페이지와 프로필 페이지에 존재하고, 로그인페이지와 에러페이지에는 존재하지 않는다.". 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.
basic
Process completed with exit code 1.
advacned
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/
advacned
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/
basic
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/
basic
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/