Run code analyze triggered with push by BHyeonKim #74
BHyeonKimAnnotations
11 errors
|
code_analysis
Process completed with exit code 1.
|
|
src/widgets/navbar/ui/NavBar/NavBar.test.tsx > NavBar 컴포넌트 테스트 > 로그아웃이 되어있으면 로그인 버튼이 보인다.:
src/widgets/navbar/ui/NavBar/index.tsx#L32
Error: [vitest] No "useLocation" export is defined on the "react-router" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("react-router"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ NavBar src/widgets/navbar/ui/NavBar/index.tsx:32:19
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:23863:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5529:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8897:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:10522:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:1522:13
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15140:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14956:41
|
|
src/widgets/navbar/ui/NavBar/NavBar.test.tsx > NavBar 컴포넌트 테스트 > 로그인이 되어있으면 로그아웃 버튼이 보여진다.:
src/widgets/navbar/ui/NavBar/index.tsx#L32
Error: [vitest] No "useLocation" export is defined on the "react-router" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("react-router"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ NavBar src/widgets/navbar/ui/NavBar/index.tsx:32:19
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:23863:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5529:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8897:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:10522:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:1522:13
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15140:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14956:41
|
|
src/widgets/navbar/ui/NavBar/NavBar.test.tsx > NavBar 컴포넌트 테스트 > 초기 상태에서 NavBar가 보여진다.:
src/widgets/navbar/ui/NavBar/index.tsx#L32
Error: [vitest] No "useLocation" export is defined on the "react-router" mock. Did you forget to return it from "vi.mock"?
If you need to partially mock a module, you can use "importOriginal" helper inside:
vi.mock(import("react-router"), async (importOriginal) => {
const actual = await importOriginal()
return {
...actual,
// your mocked methods
}
})
❯ NavBar src/widgets/navbar/ui/NavBar/index.tsx:32:19
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:23863:20
❯ renderWithHooks node_modules/react-dom/cjs/react-dom-client.development.js:5529:22
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom-client.development.js:8897:19
❯ beginWork node_modules/react-dom/cjs/react-dom-client.development.js:10522:18
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:1522:13
❯ performUnitOfWork node_modules/react-dom/cjs/react-dom-client.development.js:15140:22
❯ workLoopSync node_modules/react-dom/cjs/react-dom-client.development.js:14956:41
|
|
src/widgets/auth/ui/LoginModal/LoginModal.test.tsx > LoginModal 컴포넌트 테스트 > Backdrop을 클릭하면 navigate가 호출된다.:
src/widgets/auth/ui/LoginModal/LoginModal.test.tsx#L30
AssertionError: expected 1st "spy" call to have been called with [ -1 ]
- Expected
+ Received
[
- -1,
+ undefined,
]
❯ src/widgets/auth/ui/LoginModal/LoginModal.test.tsx:30:20
|
|
src/features/coin-search-list/ui/CoinListWithSearchBar/CoinListWithSearchBar.test.tsx > CoinListWithSearchBar 컴포넌트 테스트 > 사용자가 검색창에 티커를 입력하면 필터링된 리스트가 렌더링 된다.:
src/features/coin-search-list/ui/CoinListWithSearchBar/CoinListWithSearchBar.test.tsx#L84
TestingLibraryElementError: Unable to find an accessible element with the role "link"
Here are the accessible roles:
textbox:
Name "":
<input
class="h-8 w-full rounded-sm bg-gray-100 px-3 pl-8"
placeholder="가상자산 검색"
type="text"
value="BTC"
/>
--------------------------------------------------
button:
Name "🪙 BTC 비트코인 0원 0.00% 0":
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex min-h-0 flex-1 flex-col bg-white"
data-testid="coin-list-with-search-bar"
>
<div
class="px-2 py-3"
>
<div
class="relative w-full"
>
<input
class="h-8 w-full rounded-sm bg-gray-100 px-3 pl-8"
placeholder="가상자산 검색"
type="text"
value="BTC"
/>
<svg
class="-translate-y-1/2 absolute top-1/2 left-2 w-4 object-center"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288"
/>
</svg>
</div>
</div>
<div
class="flex items-center border-gray-200 border-t px-2 py-3"
>
<div
class="flex-1 text-gray-500 text-sm"
>
<span>
가상자산 명
</span>
</div>
<div
class="flex-1 text-right text-gray-500 text-sm"
>
<span>
가격
</span>
</div>
<div
class="flex-1 text-right text-gray-500 text-sm"
>
<span>
변동률
</span>
</div>
<div
class="flex-1 text-right text-gray-500 text-sm"
>
<span>
거래량
</span>
</div>
</div>
<div
class="scrollbar-custom min-h-0 flex-1 overflow-y-scroll"
>
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
>
<div
class="flex-1"
>
<div
class="flex w-fit flex-col"
data-testid="coin-with-icon-and-name"
>
<div
class="flex gap-1"
>
<span
class="inline-block h-fit w-fit overflow-visible"
>
🪙
</span>
<span
class="font-semibold"
>
BTC
</span>
</div>
<span
class="px-1.5 text-gray-500 text-xs"
>
비트코인
</span>
</div>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0
원
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0.00
%
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span>
0
</span>
</div>
</button>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:109:15
❯ src/features/coin-search-list/ui/CoinListWithSearchBar/CoinListWithSearchBar.test.tsx:84:17
|
|
src/features/coin-search-list/ui/CoinListWithSearchBar/CoinListWithSearchBar.test.tsx > CoinListWithSearchBar 컴포넌트 테스트 > 화면에 CoinListWithSearchBar가 렌더링 된다.:
src/features/coin-search-list/ui/CoinListWithSearchBar/CoinListWithSearchBar.test.tsx#L68
TestingLibraryElementError: Unable to find an accessible element with the role "link"
Here are the accessible roles:
textbox:
Name "":
<input
class="h-8 w-full rounded-sm bg-gray-100 px-3 pl-8"
placeholder="가상자산 검색"
type="text"
value=""
/>
--------------------------------------------------
button:
Name "🪙 BTC 비트코인 0원 0.00% 0":
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
/>
Name "🪙 ETH 이더리움 0원 0.00% 0":
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
/>
Name "🪙 TRUMP 트럼프 0원 0.00% 0":
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex min-h-0 flex-1 flex-col bg-white"
data-testid="coin-list-with-search-bar"
>
<div
class="px-2 py-3"
>
<div
class="relative w-full"
>
<input
class="h-8 w-full rounded-sm bg-gray-100 px-3 pl-8"
placeholder="가상자산 검색"
type="text"
value=""
/>
<svg
class="-translate-y-1/2 absolute top-1/2 left-2 w-4 object-center"
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288"
/>
</svg>
</div>
</div>
<div
class="flex items-center border-gray-200 border-t px-2 py-3"
>
<div
class="flex-1 text-gray-500 text-sm"
>
<span>
가상자산 명
</span>
</div>
<div
class="flex-1 text-right text-gray-500 text-sm"
>
<span>
가격
</span>
</div>
<div
class="flex-1 text-right text-gray-500 text-sm"
>
<span>
변동률
</span>
</div>
<div
class="flex-1 text-right text-gray-500 text-sm"
>
<span>
거래량
</span>
</div>
</div>
<div
class="scrollbar-custom min-h-0 flex-1 overflow-y-scroll"
>
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
>
<div
class="flex-1"
>
<div
class="flex w-fit flex-col"
data-testid="coin-with-icon-and-name"
>
<div
class="flex gap-1"
>
<span
class="inline-block h-fit w-fit overflow-visible"
>
🪙
</span>
<span
class="font-semibold"
>
BTC
</span>
</div>
<span
class="px-1.5 text-gray-500 text-xs"
>
비트코인
</span>
</div>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0
원
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0.00
%
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span>
0
</span>
</div>
</button>
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
>
<div
|
|
src/features/coin-search-list/ui/CoinListItem/CoinListItem.test.tsx > CoinListItem 컴포넌트 테스트 > Link의 to 속성으로 prop의 to가 전달된다.:
src/features/coin-search-list/ui/CoinListItem/CoinListItem.test.tsx#L51
TestingLibraryElementError: Unable to find an accessible element with the role "link"
Here are the accessible roles:
button:
Name "🪙 BTC 비트코인 0원 0.00% 0":
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
>
<div
class="flex-1"
>
<div
class="flex w-fit flex-col"
data-testid="coin-with-icon-and-name"
>
<div
class="flex gap-1"
>
<span
class="inline-block h-fit w-fit overflow-visible"
>
🪙
</span>
<span
class="font-semibold"
>
BTC
</span>
</div>
<span
class="px-1.5 text-gray-500 text-xs"
>
비트코인
</span>
</div>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0
원
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0.00
%
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span>
0
</span>
</div>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/features/coin-search-list/ui/CoinListItem/CoinListItem.test.tsx:51:31
|
|
src/features/coin-search-list/ui/CoinListItem/CoinListItem.test.tsx > CoinListItem 컴포넌트 테스트 > 화면에 CoinListItem이 렌더링 된다.:
src/features/coin-search-list/ui/CoinListItem/CoinListItem.test.tsx#L44
TestingLibraryElementError: Unable to find an accessible element with the role "link"
Here are the accessible roles:
button:
Name "🪙 BTC 비트코인 0원 0.00% 0":
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<button
class="flex w-[max(300px,100%)] cursor-pointer items-center py-1"
type="button"
>
<div
class="flex-1"
>
<div
class="flex w-fit flex-col"
data-testid="coin-with-icon-and-name"
>
<div
class="flex gap-1"
>
<span
class="inline-block h-fit w-fit overflow-visible"
>
🪙
</span>
<span
class="font-semibold"
>
BTC
</span>
</div>
<span
class="px-1.5 text-gray-500 text-xs"
>
비트코인
</span>
</div>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0
원
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span
class="text-blue-700"
>
0.00
%
</span>
</div>
<div
class="flex-1 text-right text-sm"
>
<span>
0
</span>
</div>
</button>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/features/coin-search-list/ui/CoinListItem/CoinListItem.test.tsx:44:31
|
|
src/features/chat/ui/AIChatBot/AIChatBot.test.tsx > AIChatBot 컴포넌트 테스트 > 사용자가 ChatButton을 클릭하면 ChatWindow가 보여졌다고 닫기 버튼을 누르면 ChatWindow가 사라지고 ChatButton이 보여진다.:
src/shared/hooks/useScrollIntoView.tsx#L12
TypeError: bottomElementRef.current.scrollIntoView is not a function
❯ src/shared/hooks/useScrollIntoView.tsx:12:28
❯ Object.react-stack-bottom-frame node_modules/react-dom/cjs/react-dom-client.development.js:23949:20
❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:1522:13
❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:11905:29
❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:12028:11
❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:13841:13
❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13815:11
❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:13853:11
❯ flushPassiveEffects node_modules/react-dom/cjs/react-dom-client.development.js:15737:9
❯ flushPendingEffects node_modules/react-dom/cjs/react-dom-client.development.js:15702:14
|
|
src/entities/coin/ui/CoinPriceWithName/CoinPriceWithName.test.tsx > CoinPriceWithName 컴포넌트 테스트 > name과 ticker과 img가 prop으로 전달되면 화면에 보인다:
src/entities/coin/ui/CoinPriceWithName/CoinPriceWithName.test.tsx#L33
TestingLibraryElementError: Unable to find an accessible element with the role "img"
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex h-14 items-center gap-4 px-4"
>
<span>
🪙
</span>
<div>
<div
class="flex items-end gap-2"
>
<span
class="font-semibold text-gray-800 text-md"
>
비트코인
</span>
<span
class="text-gray-500 text-md"
>
BTC
</span>
</div>
<div>
<span
class="font-semibold text-gray-800 text-lg"
>
100,000,000
원
</span>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/entities/coin/ui/CoinPriceWithName/CoinPriceWithName.test.tsx:33:22
|