[ 18팀 윤성용 ] 프레임워크 없이 SPA 만들기 #29
tty5799Annotations
15 errors and 4 warnings
|
src/__tests__/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > "/login" 경로로 접근하면 로그인 페이지가 렌더링된다:
src/__tests__/basic.test.js#L38
AssertionError: expected '<div id="root">\n<div class="bg-gray-…' 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="./main.html" class="text-blue-600">홈</a></li>
+ <li><a href="./profile.html" 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 te
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > 로그인이 되지 않은 상태에서 "/profile" 경로로 접근하면, 로그인 페이지로 리다이렉션 된다.:
src/__tests__/basic.test.js#L47
AssertionError: expected '<div id="root">\n<div class="bg-gray-…' 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="./main.html" class="text-blue-600">홈</a></li>
+ <li><a href="./profile.html" 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 te
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > 존재하지 않는 경로로 접근하면 404 페이지가 렌더링된다:
src/__tests__/basic.test.js#L52
AssertionError: expected '<div id="root">\n<div class="bg-gray-…' to contain '404'
- Expected
+ Received
- 404
+ <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="./main.html" class="text-blue-600">홈</a></li>
+ <li><a href="./profile.html" 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 te
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 2. 사용자 관리 기능 > 로그인 폼에서 사용자 이름을 입력하고 제출하면 로그인 되고, 로그아웃 버튼 클릭시 로그아웃 된다.:
src/__tests__/basic.test.js#L62
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__/basic.test.js:62:18
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 로그인한 사용자의 이름과 소개가 표시된다:
src/__tests__/basic.test.js#L81
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__/basic.test.js:81:18
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 로그인한 사용자의 이름과 소개가 표시된다:
src/__tests__/basic.test.js#L89
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/basic.test.js:89:40
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 프로필 수정 기능이 동작한다:
src/__tests__/basic.test.js#L81
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__/basic.test.js:81:18
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 프로필 수정 기능이 동작한다:
src/__tests__/basic.test.js#L89
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/basic.test.js:89:40
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 4. 컴포넌트 기반 구조 설계 > Header, Footer 컴포넌트가 메인 페이지와 프로필 페이지에 존재하고, 로그인페이지와 에러페이지에는 존재하지 않는다.:
src/__tests__/basic.test.js#L116
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__/basic.test.js:116:18
|
|
src/__tests__/basic.test.js > 기본과제 테스트 > 5. 상태 관리 구현 > 로그인 상태에 따라 UI가 변경된다:
src/__tests__/basic.test.js#L153
AssertionError: expected '<div id="root">\n<div class="bg-gray-…' 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="./main.html" class="text-blue-600">홈</a></li>
+ <li><a href="./profile.html" 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 te
|
|
src/__tests__/advanced.test.js > 심화과제 테스트 > 1. 라우트 가드 구현 > 비로그인 사용자가 프로필 페이지에 접근시 로그인 페이지로 리다이렉트 한다.:
src/__tests__/advanced.test.js#L38
AssertionError: expected '<div id="root">\n<div class="bg-gray-…' 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="./main.html" class="text-blue-600">홈</a></li>
+ <li><a href="./profile.html" 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 te
|
|
src/__tests__/advanced.test.js > 심화과제 테스트 > 1. 라우트 가드 구현 > 로그인된 사용자가 로그인 페이지에 접근시 메인 페이지로 리다이렉트 한다.:
src/__tests__/advanced.test.js#L46
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:46:18
|
|
src/__tests__/advanced.test.js > 심화과제 테스트 > 2. 이벤트 위임 활용 > 네비게이션의 링크를 클릭에서 이벤트 전파를 막았을 때, 아무일도 일어나지 않는다.:
src/__tests__/advanced.test.js#L61
TypeError: Cannot read properties of null (reading 'addEventListener')
❯ src/__tests__/advanced.test.js:61:19
|
|
src/__tests__/advanced.test.js > 심화과제 테스트 > 3. 에러 바운더리 구현 > 로그인을 하다가 오류가 발생하면, 에러 바운더리에서 에러를 표시한다.:
src/__tests__/advanced.test.js#L76
TypeError: Cannot read properties of null (reading 'addEventListener')
❯ src/__tests__/advanced.test.js:76:17
|
|
advacned
Process completed with exit code 1.
|
|
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/
|
|
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/
|