[7팀 이재인][Chapter1-2] 프레임워크 없이 SPA 만들기 #369
zaennyAnnotations
20 errors and 4 warnings
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 초기 렌더링이 올바르게 수행되어야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L22
AssertionError: expected '' to be '<div id="test">Hello</div>' // Object.is equality
- Expected
+ Received
- <div id="test">Hello</div>
❯ src/__tests__/chapter1-2/advanced.test.jsx:22:35
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > diff 알고리즘을 통해 변경된 부분만 업데이트해야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L45
AssertionError: expected '' to be '<div><h1>Updated Title</h1><p>Paragra…' // Object.is equality
- Expected
+ Received
- <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#L72
AssertionError: expected +0 to be 3 // Object.is equality
- Expected
+ Received
- 3
+ 0
❯ src/__tests__/chapter1-2/advanced.test.jsx:72:55
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 요소의 속성만 변경되었을 때 요소를 재사용해야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L86
AssertionError: expected '' to be '<div id="test" class="new">Hello</div>' // Object.is equality
- Expected
+ Received
- <div id="test" class="new">Hello</div>
❯ src/__tests__/chapter1-2/advanced.test.jsx:86:35
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > renderElement > > 요소의 타입이 변경되었을 때 새로운 요소를 생성해야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L99
AssertionError: expected '' to be '<span>Hello</span>' // Object.is equality
- Expected
+ Received
- <span>Hello</span>
❯ src/__tests__/chapter1-2/advanced.test.jsx:99:35
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > 이벤트 관리 > > 이벤트가 위임 방식으로 등록되어야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L115
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/chapter1-2/advanced.test.jsx:115:14
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > 이벤트 관리 > > 동적으로 추가된 요소에도 이벤트가 정상적으로 작동해야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L138
TypeError: Cannot read properties of undefined (reading 'click')
❯ src/__tests__/chapter1-2/advanced.test.jsx:138:17
|
|
src/__tests__/chapter1-2/advanced.test.jsx > Chapter1-2 > 심화과제 > Virtual DOM과 이벤트 관리 > 이벤트 관리 > > 이벤트 핸들러가 제거되면 더 이상 호출되지 않아야 한다:
src/__tests__/chapter1-2/advanced.test.jsx#L160
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/chapter1-2/advanced.test.jsx:160:14
|
|
src/__tests__/chapter1-1/advanced.test.js > 심화과제 테스트 > 1. 라우트 가드 구현 > 비로그인 사용자가 프로필 페이지에 접근시 로그인 페이지로 리다이렉트 한다.:
src/__tests__/chapter1-1/advanced.test.js#L38
AssertionError: expected '<div id="root"></div>' to contain '로그인'
Expected: "로그인"
Received: "<div id="root"></div>"
❯ src/__tests__/chapter1-1/advanced.test.js:38:39
|
|
src/__tests__/chapter1-1/advanced.test.js > 심화과제 테스트 > 1. 라우트 가드 구현 > 로그인된 사용자가 로그인 페이지에 접근시 메인 페이지로 리다이렉트 한다.:
src/__tests__/chapter1-1/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__/chapter1-1/advanced.test.js:46:18
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > "/" 경로로 접근하면 홈 페이지가 렌더링된다:
src/__tests__/chapter1-1/basic.test.js#L32
AssertionError: expected '<div id="root"></div>' to contain '항해플러스'
Expected: "항해플러스"
Received: "<div id="root"></div>"
❯ src/__tests__/chapter1-1/basic.test.js:32:39
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > "/login" 경로로 접근하면 로그인 페이지가 렌더링된다:
src/__tests__/chapter1-1/basic.test.js#L38
AssertionError: expected '<div id="root"></div>' to contain '로그인'
Expected: "로그인"
Received: "<div id="root"></div>"
❯ src/__tests__/chapter1-1/basic.test.js:38:39
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > 로그인이 되지 않은 상태에서 "/profile" 경로로 접근하면, 로그인 페이지로 리다이렉션 된다.:
src/__tests__/chapter1-1/basic.test.js#L47
AssertionError: expected '<div id="root"></div>' to contain '로그인'
Expected: "로그인"
Received: "<div id="root"></div>"
❯ src/__tests__/chapter1-1/basic.test.js:47:39
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 1. 라우팅 구현 > 존재하지 않는 경로로 접근하면 404 페이지가 렌더링된다:
src/__tests__/chapter1-1/basic.test.js#L52
AssertionError: expected '<div id="root"></div>' to contain '404'
Expected: "404"
Received: "<div id="root"></div>"
❯ src/__tests__/chapter1-1/basic.test.js:52:39
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 2. 사용자 관리 기능 > 로그인 폼에서 사용자 이름을 입력하고 제출하면 로그인 되고, 로그아웃 버튼 클릭시 로그아웃 된다.:
src/__tests__/chapter1-1/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__/chapter1-1/basic.test.js:62:18
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 로그인한 사용자의 이름과 소개가 표시된다:
src/__tests__/chapter1-1/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__/chapter1-1/basic.test.js:81:18
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 로그인한 사용자의 이름과 소개가 표시된다:
src/__tests__/chapter1-1/basic.test.js#L89
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/chapter1-1/basic.test.js:89:40
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 프로필 수정 기능이 동작한다:
src/__tests__/chapter1-1/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__/chapter1-1/basic.test.js:81:18
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 3. 프로필 페이지 구현 > 프로필 수정 기능이 동작한다:
src/__tests__/chapter1-1/basic.test.js#L89
TypeError: Cannot read properties of null (reading 'click')
❯ src/__tests__/chapter1-1/basic.test.js:89:40
|
|
src/__tests__/chapter1-1/basic.test.js > 기본과제 테스트 > 4. 컴포넌트 기반 구조 설계 > Header, Footer 컴포넌트가 메인 페이지와 프로필 페이지에 존재하고, 로그인페이지와 에러페이지에는 존재하지 않는다.:
src/__tests__/chapter1-1/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__/chapter1-1/basic.test.js:116:18
|
|
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/
|