[ Feature/dev 104 ] 구독관리 - 이메일 시간/요일 , 토글 구독 : mock api 연결 작업 #176
HappheeAnnotations
8 errors and 1 warning
|
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/SubscriptionManagementList/SubscriptionManagementList.test.tsx > 워크북 구독 리스트 관리 컴포넌트 테스트 > 심리스한 워크북 구독 테스트:
src/main/components/SubscriptionManagementList/SubscriptionManagementList.test.tsx#L44
TestingLibraryElementError: Unable to find an element by: [data-testid="switch-2"]
Ignored nodes: comments, script, style
<body>
<div>
<section
class="relative flex flex-col"
>
<div
class="shrink-0 sperator h-[20px] w-auto bg-background1"
data-orientation="horizontal"
role="none"
/>
<article
class="flex items-center justify-between px-[20px] py-[21px] border-b-[0.5px] border-text-gray3"
>
<div>
<p
class="text-[13px] font-semibold"
>
<span
class="text-text-main"
>
Day
1
</span>
/
<span
class="text-text-gray2"
>
3
</span>
</p>
<p
class="body3-medium max-w-[280px] truncate text-text-gray1"
/>
</div>
<button
aria-checked="true"
class="peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-main data-[state=unchecked]:bg-text-gray2 h-[32px] w-[52px] [&>span]:h-[22px] [&>span]:w-[22px]"
data-state="checked"
role="switch"
type="button"
value="on"
>
<span
class="pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
data-state="checked"
/>
</button>
</article>
<article
class="flex items-center justify-between px-[20px] py-[21px] border-b-[0.5px] border-text-gray3"
>
<div>
<p
class="text-[13px] font-semibold"
>
<span
class="text-text-main"
>
Day
2
</span>
/
<span
class="text-text-gray2"
>
3
</span>
</p>
<p
class="body3-medium max-w-[280px] truncate text-text-gray1"
/>
</div>
<button
aria-checked="true"
class="peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-main data-[state=unchecked]:bg-text-gray2 h-[32px] w-[52px] [&>span]:h-[22px] [&>span]:w-[22px]"
data-state="checked"
role="switch"
type="button"
value="on"
>
<span
class="pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
data-state="checked"
/>
</button>
</article>
<article
class="flex items-center justify-between px-[20px] py-[21px]"
>
<div>
<p
class="text-[13px] font-semibold"
>
<span
class="text-text-main"
>
Day
3
</span>
/
<span
class="text-text-gray2"
>
3
</span>
</p>
<p
class="body3-medium max-w-[280px] truncate text-text-gray1"
/>
</div>
<button
aria-checked="true"
class="peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-
|
|
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.9822373390197754,0.18764285743236542,-0.18764285743236542,0.9822373390197754,741.5490112304688,565.5878295898438)"
>
<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.39812466502189636,-0.917331337928772,0.917331337928772,0.39812466502189636,648.5325317382812,442.5224914550781)"
>
<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.8000280261039734,0.599962592124939,-0.599962592124939,0.8000280261039734,591.3090209960938,552.9913940429688)"
>
<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.092999935150146
|
|
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/
|