[ Feature/dev 112] 문제풀기 Floating Button 구현 #188
soomin9106Annotations
9 errors and 1 warning
|
src/app/unsubscribe/UnsubscribePage.test.tsx > UnsubscribePage 동작 테스트 > Topbar 의 뒤로 가기를 클릭 했을 때 특정 워크북의 아티클 페이지로 이동한다:
src/app/unsubscribe/UnsubscribePage.test.tsx#L72
AssertionError: expected "spy" to be called with arguments: [ '/article/123?workbookId=456' ]
Received:
Number of calls: 0
❯ src/app/unsubscribe/UnsubscribePage.test.tsx:72:18
|
|
src/auth/components/LogoutLink/LogoutLink.test.tsx > LogoutLink 컴포넌트 테스트 > 로그아웃 시 쿠키를 모두 삭제하고 로그인 페이지로 이동한다.:
src/auth/components/LogoutLink/LogoutLink.test.tsx#L65
AssertionError: expected "spy" to be called with arguments: [ '/' ]
Received:
1st spy call:
Array [
- "/",
+ "/auth",
]
Number of calls: 1
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<a
href="/"
>
로그아웃
</a>
</div>
</body>
</html>
❯ src/auth/components/LogoutLink/LogoutLink.test.tsx:65:24
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
src/main/components/EmailManagementMenu/EmailManagementMenu.test.tsx > 이메일 관련 구독 관리 컴포넌트 테스트 > 이메일 요일 변경하기 테스트:
src/main/components/EmailManagementMenu/EmailManagementMenu.test.tsx#L79
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "매일 받을래요"
Here are the accessible roles:
article:
Name "":
<article
class="flex h-[66px] items-center justify-between py-[10px]"
/>
Name "":
<article
class="flex h-[66px] items-center justify-between py-[10px]"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="sub2-medium"
/>
Name "":
<p
class="sub2-medium"
/>
--------------------------------------------------
button:
Name "오전 9시":
<button
aria-controls="radix-:r6:"
aria-expanded="false"
aria-haspopup="dialog"
class="sub2-medium rounded-lg bg-text-gray3 px-2 py-1"
data-state="closed"
type="button"
/>
Name "주말에는 안 받을래요":
<button
aria-controls="radix-:r9:"
aria-expanded="false"
aria-haspopup="dialog"
class="sub2-medium rounded-lg bg-text-gray3 px-2 py-1"
data-state="closed"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<section
class="flex flex-col"
>
<article
class="flex h-[66px] items-center justify-between py-[10px]"
>
<p
class="sub2-medium"
>
이메일 받는 시간
</p>
<button
aria-controls="radix-:r6:"
aria-expanded="false"
aria-haspopup="dialog"
class="sub2-medium rounded-lg bg-text-gray3 px-2 py-1"
data-state="closed"
type="button"
>
오전
9
시
</button>
</article>
<article
class="flex h-[66px] items-center justify-between py-[10px]"
>
<p
class="sub2-medium"
>
이메일 받는 요일
</p>
<button
aria-controls="radix-:r9:"
aria-expanded="false"
aria-haspopup="dialog"
class="sub2-medium rounded-lg bg-text-gray3 px-2 py-1"
data-state="closed"
type="button"
>
주말에는 안 받을래요
</button>
</article>
</section>
</div>
<div />
<div />
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/main/components/EmailManagementMenu/EmailManagementMenu.test.tsx:79:35
|
|
src/main/components/WorkbookCardsWrapper/workbookcardsWrapper.test.tsx > 메인페이지 내 카테고리별 워크북 카드 리스트 테스트 > 로그인 상태이고, cardtype LEARN 일때, 바텀 버튼 클릭 테스트:
src/main/components/WorkbookCardsWrapper/workbookcardsWrapper.test.tsx#L98
AssertionError: expected false to be truthy
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<section
class="ml-[20px] mb-[73px] mt-[78px]"
>
<header>
<h2
class="h2-bold"
>
Workbooks
</h2>
</header>
<div
class="overflow-x-auto ml-0"
data-orientation="horizontal"
dir="ltr"
>
<div
aria-orientation="horizontal"
class="sub2-bold flex gap-3 py-[10px]"
data-orientation="horizontal"
role="tablist"
style="outline: none;"
tabindex="0"
>
<button
aria-controls="radix-:r7:-content-전체"
aria-selected="true"
class="box-border flex flex-col gap-[10px] pt-[10px] min-w-[48px]"
data-orientation="horizontal"
data-radix-collection-item=""
data-state="active"
id="radix-:r7:-trigger-전체"
name="전체"
role="tab"
tabindex="-1"
type="button"
>
<span
class="flex w-full items-center justify-center"
>
전체
</span>
<span
class="w-full border-b-2 border-black"
/>
</button>
<button
aria-controls="radix-:r7:-content-경제"
aria-selected="false"
class="text-text-gray2 box-border flex flex-col gap-[10px] pt-[10px] min-w-[48px]"
data-orientation="horizontal"
data-radix-collection-item=""
data-state="inactive"
id="radix-:r7:-trigger-경제"
name="경제"
role="tab"
tabindex="-1"
type="button"
>
<span
class="flex w-full items-center justify-center"
>
경제
</span>
</button>
<button
aria-controls="radix-:r7:-content-IT"
aria-selected="false"
class="text-text-gray2 box-border flex flex-col gap-[10px] pt-[10px] min-w-[48px]"
data-orientation="horizontal"
data-radix-collection-item=""
data-state="inactive"
id="radix-:r7:-trigger-IT"
name="IT"
role="tab"
tabindex="-1"
type="button"
>
<span
class="flex w-full items-center justify-center"
>
IT
</span>
</button>
<button
aria-controls="radix-:r7:-content-마케팅"
aria-selected="false"
class="text-text-gray2 box-border flex flex-col gap-[10px] pt-[10px] min-w-[48px]"
data-orientation="horizontal"
data-radix-collection-item=""
data-state="inactive"
id="radix-:r7:-trigger-마케팅"
name="마케팅"
role="tab"
tabindex="-1"
type="button"
>
<span
class="flex w-full items-center justify-center"
>
마케팅
</span>
</button>
<button
aria-controls="radix-:r7:-content-문화"
aria-selected="false"
class="text-text-gray2 box-border flex flex-col gap-[10px] pt-[10px] min-w-[48px]"
data-orientation="horizontal"
data-radix-collection-item=""
data-state="inactive"
id="radix-:r7:-trigger-문화"
name="문화"
role="tab"
tabindex="-1"
type="button"
>
<span
class="flex w-full items-center justify-center"
>
문화
</span>
</button>
<button
aria-controls="radix-:r7:-content-과학"
|
|
src/main/models/ArticleCardModel/ArticleCardModel.test.ts > 메인 아티클 카드 모델 테스트 > 아티클 클라이언트 카드 데이터 변환 테스트:
src/main/models/ArticleCardModel/ArticleCardModel.test.ts#L76
AssertionError: expected [ { id: 1, …(8) }, { id: 2, …(8) } ] to deeply equal [ ObjectContaining{…}, …(1) ]
- Expected
+ Received
Array [
- ObjectContaining {
+ Object {
"category": "경제",
"content": "ECONOMY",
"id": 1,
+ "isPriorityImage": true,
"thumbnail": "https://storage.mrblog.net/files/dosi_draw/a3NgiDGW2H3NhsYp1Qp3RuWNzUx9sg8L2yyooYqF.jpg",
"title": "ETF(상장 지수 펀드)란? 모르면 손해라고?",
"viewCount": 1,
"withWorkbookList": Array [
Object {
"id": 1,
"title": "사소한 것들의 역사",
},
Object {
"id": 2,
"title": "인모스트 경제레터",
},
],
"writerInfo": Object {
+ "imageUrl": "https://storage.mrblog.net/files/dosi_draw/a3NgiDGW2H3NhsYp1Qp3RuWNzUx9sg8L2yyooYqF.jpg",
"name": "안나포",
"url": "https://storage.mrblog.net/files/dosi_draw/a3NgiDGW2H3NhsYp1Qp3RuWNzUx9sg8L2yyooYqF.jpg",
},
},
- ObjectContaining {
+ Object {
"category": "경제",
"content": "ECONOMY",
"id": 2,
+ "isPriorityImage": true,
"thumbnail": "https://storage.mrblog.net/files/dosi_draw/a3NgiDGW2H3NhsYp1Qp3RuWNzUx9sg8L2yyooYqF.jpg",
"title": "ETF(상장 지수 펀드)란? 모르면 손해라고?",
"viewCount": 1,
"withWorkbookList": Array [
Object {
"id": 1,
"title": "사소한 것들의 역사",
},
Object {
"id": 2,
"title": "인모스트 경제레터",
},
],
"writerInfo": Object {
+ "imageUrl": "https://storage.mrblog.net/files/dosi_draw/a3NgiDGW2H3NhsYp1Qp3RuWNzUx9sg8L2yyooYqF.jpg",
"name": "몰티즈",
"url": "https://storage.mrblog.net/files/dosi_draw/a3NgiDGW2H3NhsYp1Qp3RuWNzUx9sg8L2yyooYqF.jpg",
},
},
]
❯ src/main/models/ArticleCardModel/ArticleCardModel.test.ts:76:35
|
|
src/workbook/components/WorkbookButton/WorkbookButton.test.tsx > WorkbookButton 컴포넌트 테스트 > 로그인하지 않은 사용자의 경우 로그인 및 구독 버튼이 렌더링되어야 한다:
src/workbook/utils/index.ts#L6
TypeError: Cannot read properties of null (reading 'match')
❯ Module.getWorkbookId src/workbook/utils/index.ts:6:23
❯ WorkbookButton src/workbook/components/WorkbookButton/index.tsx:21:22
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
|
src/workbook/components/WorkbookButton/WorkbookButton.test.tsx > WorkbookButton 컴포넌트 테스트 > 로그인하지 않은 사용자가 로그인 및 구독 버튼을 클릭하면 인증 페이지로 리다이렉트 되어야 한다:
src/workbook/utils/index.ts#L6
TypeError: Cannot read properties of null (reading 'match')
❯ Module.getWorkbookId src/workbook/utils/index.ts:6:23
❯ WorkbookButton src/workbook/components/WorkbookButton/index.tsx:21:22
❯ renderWithHooks node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626:16
❯ beginWork$1 node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
❯ renderRootSync node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
❯ recoverFromConcurrentError node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:25889:20
|
|
src/app/auth/validation/complete/Login.test.tsx > ValidationCompletePage 페이지 테스트 > 인증을 완료하고 쿠키를 세팅한다.:
src/app/auth/validation/complete/Login.test.tsx#L48
AssertionError: expected '' to contain 'accessToken=accessToken'
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex h-auto flex-col items-center"
>
<div
style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1;"
>
<svg
height="1080"
preserveAspectRatio="xMidYMid meet"
style="width: 100%; height: 100%; transform: translate3d(0,0,0); content-visibility: visible;"
viewBox="0 0 1080 1080"
width="1080"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<clippath
id="__lottie_element_2"
>
<rect
height="1080"
width="1080"
x="0"
y="0"
/>
</clippath>
</defs>
<g
clip-path="url(#__lottie_element_2)"
>
<g
opacity="1"
style="display: block;"
transform="matrix(0.9827696084976196,0.18483486771583557,-0.18483486771583557,0.9827696084976196,741.5208129882812,555.704833984375)"
>
<g
opacity="1"
transform="matrix(1,0,0,1,5.690000057220459,8.812999725341797)"
>
<path
d=" M0.3160000145435333,-7.445000171661377 C-0.9240000247955322,-2.8259999752044678 1.2580000162124634,1.9470000267028809 5.440000057220459,3.9619998931884766 C4.578000068664551,5.49399995803833 3.7160000801086426,7.0289998054504395 2.8529999256134033,8.562999725341797 C-3.003999948501587,4.938000202178955 -5.440000057220459,-2.263000011444092 -3.0209999084472656,-8.562999725341797 C-1.909999966621399,-8.189000129699707 -0.7979999780654907,-7.816999912261963 0.3160000145435333,-7.445000171661377z"
fill="rgb(0,146,69)"
fill-opacity="1"
/>
</g>
</g>
<g
opacity="1"
style="display: block;"
transform="matrix(0.41536518931388855,-0.9096547365188599,0.9096547365188599,0.41536518931388855,648.4669189453125,433.9284362792969)"
>
<g
opacity="1"
transform="matrix(1,0,0,1,5.5370001792907715,3.8940000534057617)"
>
<path
d=" M5.288000106811523,1.444000005722046 C5.288000106811523,1.444000005722046 -4.0920000076293945,3.6440000534057617 -4.0920000076293945,3.6440000534057617 C-4.0920000076293945,3.6440000534057617 -5.288000106811523,-1.4459999799728394 -5.288000106811523,-1.4459999799728394 C-5.288000106811523,-1.4459999799728394 4.09499979019165,-3.6440000534057617 4.09499979019165,-3.6440000534057617 C4.09499979019165,-3.6440000534057617 5.288000106811523,1.444000005722046 5.288000106811523,1.444000005722046z"
fill="rgb(193,39,45)"
fill-opacity="1"
/>
</g>
</g>
<g
opacity="1"
style="display: block;"
transform="matrix(0.8067470192909241,0.5908969640731812,-0.5908969640731812,0.8067470192909241,591.1719360351562,541.7254638671875)"
>
<g
opacity="1"
transform="matrix(1,0,0,1,6.315000057220459,10.440999984741211)"
>
<path
d=" M-6.065000057220459,5.056000232696533 C-5.670000076293945,-3.7309999465942383 0.42899999022483826,-9.467000007629395 6.065000057220459,-10.1899995803833 C5.514999866485596,-8.37399959564209 5.552000045776367,-6.645999908447266 5.9670000076293945,-5.197999954223633 C1.7649999856948853,-3.681999921798706 -2.2260000705718994,2.506999969482422 0.2590000033378601,10.1899995803833 C-2.092999935150
|
|
test
Process completed with exit code 1.
|
|
test
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/cache@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|