[1팀 권준우] [Chapter 1-2] 프레임워크 없이 SPA 만들기 #39
Triggered via pull request
December 24, 2024 14:40
CreatyJohnKwon
CreatyJohnKwon
synchronize
#1
Status
Failure
Total duration
11m 28s
Artifacts
–
Annotations
21 errors and 3 warnings
|
src/__tests__/chapter1-1/advanced.hashRouter.test.js > 심화과제 > 해시 라우터 테스트 > 1. 라우팅 구현 > "/" 경로로 접근하면 홈 페이지가 렌더링된다:
src/__tests__/chapter1-1/advanced.hashRouter.test.js#L26
AssertionError: expected 2 to be 1 // Object.is equality
- Expected
+ Received
- 1
+ 2
❯ src/__tests__/chapter1-1/advanced.hashRouter.test.js:26:30
|
|
src/__tests__/chapter1-1/advanced.hashRouter.test.js > 심화과제 > 해시 라우터 테스트 > 1. 라우팅 구현 > "/login" 경로로 접근하면 로그인 페이지가 렌더링된다:
src/__tests__/chapter1-1/advanced.hashRouter.test.js#L35
AssertionError: expected 2 to be +0 // Object.is equality
- Expected
+ Received
- 0
+ 2
❯ src/__tests__/chapter1-1/advanced.hashRouter.test.js:35:63
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > "/" 경로로 접근하면 홈 페이지가 렌더링된다:
src/__tests__/chapter1-1/basic.test.js#L42
AssertionError: expected 2 to be 1 // Object.is equality
- Expected
+ Received
- 1
+ 2
❯ src/__tests__/chapter1-1/basic.test.js:42:30
|
|
src/__tests__/chapter1-1/advanced.hashRouter.test.js > 심화과제 > 해시 라우터 테스트 > 1. 라우팅 구현 > 로그인이 되지 않은 상태에서 "/profile" 경로로 접근하면, 로그인 페이지로 리다이렉션 된다.:
src/__tests__/chapter1-1/advanced.hashRouter.test.js#L47
AssertionError: expected 2 to be +0 // Object.is equality
- Expected
+ Received
- 0
+ 2
❯ src/__tests__/chapter1-1/advanced.hashRouter.test.js:47:63
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > "/login" 경로로 접근하면 로그인 페이지가 렌더링된다:
src/__tests__/chapter1-1/basic.test.js#L51
AssertionError: expected 2 to be +0 // Object.is equality
- Expected
+ Received
- 0
+ 2
❯ src/__tests__/chapter1-1/basic.test.js:51:63
|
|
src/__tests__/chapter1-2/advanced.post.test.jsx > Chapter1-2 > 심화과제 > 포스트 관리 > 비사용자 > > 포스트 작성 폼이 보이지 않는다:
src/__tests__/chapter1-2/advanced.post.test.jsx#L42
AssertionError: expected <textarea …(3)></textarea> to be null
- Expected:
null
+ Received:
<textarea
class="w-full p-2 border rounded"
id="post-content"
placeholder="무슨 생각을 하고 계신가요?"
/>
❯ src/__tests__/chapter1-2/advanced.post.test.jsx:42:55
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > 로그인이 되지 않은 상태에서 "/profile" 경로로 접근하면, 로그인 페이지로 리다이렉션 된다.:
src/__tests__/chapter1-1/basic.test.js#L63
AssertionError: expected 2 to be +0 // Object.is equality
- Expected
+ Received
- 0
+ 2
❯ src/__tests__/chapter1-1/basic.test.js:63:63
|
|
src/__tests__/chapter1-2/advanced.post.test.jsx > Chapter1-2 > 심화과제 > 포스트 관리 > 비사용자 > > 포스트에 좋아요를 클릭할 경우, 경고 메세지가 발생한다.:
src/__tests__/chapter1-2/advanced.post.test.jsx#L51
AssertionError: expected "spy" to be called with arguments: [ '로그인 후 이용해주세요' ]
Received:
Number of calls: 0
❯ src/__tests__/chapter1-2/advanced.post.test.jsx:51:28
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 2. 사용자 관리 기능 > 로그인 폼에서 사용자 이름을 입력하고 제출하면 로그인 되고, 로그아웃 버튼 클릭시 로그아웃 된다.:
src/__tests__/chapter1-1/basic.test.js#L86
AssertionError: expected null to deeply equal '{"username":"testuser","email":"","bi…'
- Expected:
"{\"username\":\"testuser\",\"email\":\"\",\"bio\":\"\"}"
+ Received:
null
❯ src/__tests__/chapter1-1/basic.test.js:86:44
|
|
src/__tests__/chapter1-2/advanced.post.test.jsx > Chapter1-2 > 심화과제 > 포스트 관리 > 사용자 > > 포스트를 추가할 수 있다.:
src/__tests__/chapter1-2/advanced.post.test.jsx#L84
AssertionError: expected '<div class="flex items-center mb-2"><…' to be '<div class="flex items-center mb-2"><…' // Object.is equality
Expected: "<div class="flex items-center mb-2"><div><div class="font-bold">testuser</div><div class="text-gray-500 text-sm">방금 전</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>"
Received: "<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>"
❯ src/__tests__/chapter1-2/advanced.post.test.jsx:84:74
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 로그인한 사용자의 이름과 소개가 표시된다:
src/__tests__/chapter1-1/basic.test.js#L117
AssertionError: expected 'testusertestuser' to be 'testuser' // Object.is equality
Expected: "testuser"
Received: "testusertestuser"
❯ src/__tests__/chapter1-1/basic.test.js:117:57
|
|
src/__tests__/chapter1-2/advanced.post.test.jsx > Chapter1-2 > 심화과제 > 포스트 관리 > 사용자 > > 포스트에 좋아요를 클릭할 경우, 좋아요가 토글된다.:
src/__tests__/chapter1-2/advanced.post.test.jsx#L98
AssertionError: expected '<span class="like-button cursor-point…' to be '<span class="like-button cursor-point…' // Object.is equality
Expected: "<span class="like-button cursor-pointer text-blue-500">좋아요 1</span>"
Received: "<span class="like-button cursor-pointer">좋아요 0</span>"
❯ src/__tests__/chapter1-2/advanced.post.test.jsx:98:37
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 로그인한 사용자의 이름과 소개가 표시된다:
src/__tests__/chapter1-1/basic.test.js#L113
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/chapter1-1/basic.test.js:113:40
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > diff 알고리즘을 통해 변경된 부분만 업데이트해야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L45
AssertionError: expected '<div><h1>Title</h1><p>Paragraph 1</p>…' to be '<div><h1>Updated Title</h1><p>Paragra…' // Object.is equality
Expected: "<div><h1>Updated Title</h1><p>Paragraph 1</p></div>"
Received: "<div><h1>Title</h1><p>Paragraph 1</p></div><div><h1>Updated Title</h1><p>Paragraph 1</p></div>"
❯ src/__tests__/chapter1-2/advanced.test.jsx:45:35
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 새로운 요소를 추가하고 불필요한 요소를 제거해야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L74
AssertionError: expected 5 to be 3 // Object.is equality
- Expected
+ Received
- 3
+ 5
❯ src/__tests__/chapter1-2/advanced.test.jsx:74:55
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 프로필 수정 기능이 동작한다:
src/__tests__/chapter1-1/basic.test.js#L126
TypeError: Cannot set properties of null (setting 'value')
❯ src/__tests__/chapter1-1/basic.test.js:126:22
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 요소의 속성만 변경되었을 때 요소를 재사용해야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L98
AssertionError: expected '<div id="test" class="old">Hello</div…' to be '<div id="test" class="new">Hello</div>' // Object.is equality
Expected: "<div id="test" class="new">Hello</div>"
Received: "<div id="test" class="old">Hello</div><div id="test" class="new">Hello</div>"
❯ src/__tests__/chapter1-2/advanced.test.jsx:98:35
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 프로필 수정 기능이 동작한다:
src/__tests__/chapter1-1/basic.test.js#L113
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/chapter1-1/basic.test.js:113:40
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 4. 컴포넌트 기반 구조 설계 > Header, Footer 컴포넌트가 메인 페이지와 프로필 페이지에 존재하고, 로그인페이지와 에러페이지에는 존재하지 않는다.:
src/__tests__/chapter1-1/basic.test.js#L165
AssertionError: expected <header …(1)><h1 …(1)></h1></header> to be falsy
- Expected:
false
+ Received:
<header
class="bg-blue-600 text-white p-4 sticky top-0"
>
<h1
class="text-2xl font-bold"
>
항해플러스
</h1>
</header>
❯ src/__tests__/chapter1-1/basic.test.js:165:48
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 5. 상태 관리 구현 > 로그인 상태에 따라 UI가 변경된다:
src/__tests__/chapter1-1/basic.test.js#L196
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="/login" 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 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="/login" 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-
|
|
e2e
Process completed with exit code 1.
|
|
advacned
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
basic
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
e2e
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|