[Feat] 위시리스트 api 연결 및 코드 리팩토링 #211
KyeongJooniAnnotations
10 errors
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Structure > 네비게이션이 헤더 내부에 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L94
TestingLibraryElementError: Found multiple elements with the role "navigation"
Here are the matching elements:
Ignored nodes: comments, script, style
<nav
class="flex items-center gap-[56px]"
>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
챗봇
</button>
</nav>
Ignored nodes: comments, script, style
<nav
class="flex flex-col"
>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
챗봇
</button>
</nav>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 2
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Navigation Items > 네비게이션 항목이 올바른 순서로 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L72
TestingLibraryElementError: Found multiple elements with the role "navigation"
Here are the matching elements:
Ignored nodes: comments, script, style
<nav
class="flex items-center gap-[56px]"
>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
챗봇
</button>
</nav>
Ignored nodes: comments, script, style
<nav
class="flex flex-col"
>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
챗봇
</button>
</nav>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 2
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Navigation Items > 챗봇 네비게이션 항목 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L67
TestingLibraryElementError: Found multiple elements with the text: 챗봇
Here are the matching elements:
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
챗봇
</button>
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
챗봇
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 21.9997V14.1994C72.2639 9.66541 73.7558 6.16595 76.7372 3.6986V3.70102ZM86.0275 25.2539C86.6839 25.9217 87.5672 26.2545 88.6819 26.2545C89.7966 26.2545 90.6798 25.9217 91.3363 25.2539C91.9927 24.5861 92.3197 23.571 92.3197 22.2037V13.8036C92.3197 12.4703 91.9927 11.4698 91.3363 10.8044C90.6798 10.105 89.7966 9.75526 88.6819 9.75526C87.5672 9.75526 86.6839 10.105 86.0275 10.8044C85.3711 11.4722 85.044 12.4703 85.044 13.8036V22.2037C85.044 23.571 85.3711 24.5861 86.0275 25.2539ZM110.838 0.500269H125.485C130.204 0.500269 133.89 1.53481 136.544 3.60146C139.199 5.66811 140.526 8.71829 140.526 12.752C140.526 16.7858 139.199 19.7704 136.544 21.7035C133.923 23.6365 130.235 24.6031 125.485 24.6031H122.291V34.1543C122.291 34.521 122.16 34.8368 121.897 35.1039C121.635 35.371 121.325 35.5046 120.964 35.5046H110.838C110.478 35.5046 110.168 35.371 109.905 35.1039C109.642 34.8368 109.511 34.521 109.511 34.1543V1.85051C109.511 1.48381 109.642 1.16811 109.905 0.900971C110.168 0.633837 110.478 0.500269 110.838 0.500269ZM122.046 9.8014V15.3529H125.485C126.075 15.3529 126.6 15.1368 127.058 14.7021C127.517 14.2358 127.746 13.585 127.746 12.752C127.746 11.919 127.567 11.2196 127.206 10.6514C126.846 10.0831 126.273 9.8014 125.485 9.8014H122.046ZM155.545 35.5046H145.52C145.159 35.5046 144.849 35.371 144.586 35.1039C144.324 34.8368 144.192 34.521 144.192 34.1543V1.85051C144.192 1.48381 144.324 1.16811 144.586 0.900971C144.849 0.633837 145.159 0.500269 145.52 0.500269H155.545C155.906 0.500269 156.216 0.633837 156.479 0.900971C156.741 1.16811 156.872 1.48381 156.872 1.85051V34.1543C156.872 34.
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Navigation Items > 루핏톡 네비게이션 항목 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L62
TestingLibraryElementError: Found multiple elements with the text: 루핏톡
Here are the matching elements:
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
루핏톡
</button>
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
루핏톡
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 21.9997V14.1994C72.2639 9.66541 73.7558 6.16595 76.7372 3.6986V3.70102ZM86.0275 25.2539C86.6839 25.9217 87.5672 26.2545 88.6819 26.2545C89.7966 26.2545 90.6798 25.9217 91.3363 25.2539C91.9927 24.5861 92.3197 23.571 92.3197 22.2037V13.8036C92.3197 12.4703 91.9927 11.4698 91.3363 10.8044C90.6798 10.105 89.7966 9.75526 88.6819 9.75526C87.5672 9.75526 86.6839 10.105 86.0275 10.8044C85.3711 11.4722 85.044 12.4703 85.044 13.8036V22.2037C85.044 23.571 85.3711 24.5861 86.0275 25.2539ZM110.838 0.500269H125.485C130.204 0.500269 133.89 1.53481 136.544 3.60146C139.199 5.66811 140.526 8.71829 140.526 12.752C140.526 16.7858 139.199 19.7704 136.544 21.7035C133.923 23.6365 130.235 24.6031 125.485 24.6031H122.291V34.1543C122.291 34.521 122.16 34.8368 121.897 35.1039C121.635 35.371 121.325 35.5046 120.964 35.5046H110.838C110.478 35.5046 110.168 35.371 109.905 35.1039C109.642 34.8368 109.511 34.521 109.511 34.1543V1.85051C109.511 1.48381 109.642 1.16811 109.905 0.900971C110.168 0.633837 110.478 0.500269 110.838 0.500269ZM122.046 9.8014V15.3529H125.485C126.075 15.3529 126.6 15.1368 127.058 14.7021C127.517 14.2358 127.746 13.585 127.746 12.752C127.746 11.919 127.567 11.2196 127.206 10.6514C126.846 10.0831 126.273 9.8014 125.485 9.8014H122.046ZM155.545 35.5046H145.52C145.159 35.5046 144.849 35.371 144.586 35.1039C144.324 34.8368 144.192 34.521 144.192 34.1543V1.85051C144.192 1.48381 144.324 1.16811 144.586 0.900971C144.849 0.633837 145.159 0.500269 145.52 0.500269H155.545C155.906 0.500269 156.216 0.633837 156.479 0.900971C156.741 1.16811 156.872 1.48381 156.872 1.85051V34.1543C15
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Navigation Items > 수리점찾기 네비게이션 항목 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L57
TestingLibraryElementError: Found multiple elements with the text: 수리점찾기
Here are the matching elements:
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
수리점찾기
</button>
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
수리점찾기
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 21.9997V14.1994C72.2639 9.66541 73.7558 6.16595 76.7372 3.6986V3.70102ZM86.0275 25.2539C86.6839 25.9217 87.5672 26.2545 88.6819 26.2545C89.7966 26.2545 90.6798 25.9217 91.3363 25.2539C91.9927 24.5861 92.3197 23.571 92.3197 22.2037V13.8036C92.3197 12.4703 91.9927 11.4698 91.3363 10.8044C90.6798 10.105 89.7966 9.75526 88.6819 9.75526C87.5672 9.75526 86.6839 10.105 86.0275 10.8044C85.3711 11.4722 85.044 12.4703 85.044 13.8036V22.2037C85.044 23.571 85.3711 24.5861 86.0275 25.2539ZM110.838 0.500269H125.485C130.204 0.500269 133.89 1.53481 136.544 3.60146C139.199 5.66811 140.526 8.71829 140.526 12.752C140.526 16.7858 139.199 19.7704 136.544 21.7035C133.923 23.6365 130.235 24.6031 125.485 24.6031H122.291V34.1543C122.291 34.521 122.16 34.8368 121.897 35.1039C121.635 35.371 121.325 35.5046 120.964 35.5046H110.838C110.478 35.5046 110.168 35.371 109.905 35.1039C109.642 34.8368 109.511 34.521 109.511 34.1543V1.85051C109.511 1.48381 109.642 1.16811 109.905 0.900971C110.168 0.633837 110.478 0.500269 110.838 0.500269ZM122.046 9.8014V15.3529H125.485C126.075 15.3529 126.6 15.1368 127.058 14.7021C127.517 14.2358 127.746 13.585 127.746 12.752C127.746 11.919 127.567 11.2196 127.206 10.6514C126.846 10.0831 126.273 9.8014 125.485 9.8014H122.046ZM155.545 35.5046H145.52C145.159 35.5046 144.849 35.371 144.586 35.1039C144.324 34.8368 144.192 34.521 144.192 34.1543V1.85051C144.192 1.48381 144.324 1.16811 144.586 0.900971C144.849 0.633837 145.159 0.500269 145.52 0.500269H155.545C155.906 0.500269 156.216 0.633837 156.479 0.900971C156.741 1.16811 156.872 1.48381 156.872
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Navigation Items > 판매하기 네비게이션 항목 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L52
TestingLibraryElementError: Found multiple elements with the text: 판매하기
Here are the matching elements:
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
판매하기
</button>
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
판매하기
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 21.9997V14.1994C72.2639 9.66541 73.7558 6.16595 76.7372 3.6986V3.70102ZM86.0275 25.2539C86.6839 25.9217 87.5672 26.2545 88.6819 26.2545C89.7966 26.2545 90.6798 25.9217 91.3363 25.2539C91.9927 24.5861 92.3197 23.571 92.3197 22.2037V13.8036C92.3197 12.4703 91.9927 11.4698 91.3363 10.8044C90.6798 10.105 89.7966 9.75526 88.6819 9.75526C87.5672 9.75526 86.6839 10.105 86.0275 10.8044C85.3711 11.4722 85.044 12.4703 85.044 13.8036V22.2037C85.044 23.571 85.3711 24.5861 86.0275 25.2539ZM110.838 0.500269H125.485C130.204 0.500269 133.89 1.53481 136.544 3.60146C139.199 5.66811 140.526 8.71829 140.526 12.752C140.526 16.7858 139.199 19.7704 136.544 21.7035C133.923 23.6365 130.235 24.6031 125.485 24.6031H122.291V34.1543C122.291 34.521 122.16 34.8368 121.897 35.1039C121.635 35.371 121.325 35.5046 120.964 35.5046H110.838C110.478 35.5046 110.168 35.371 109.905 35.1039C109.642 34.8368 109.511 34.521 109.511 34.1543V1.85051C109.511 1.48381 109.642 1.16811 109.905 0.900971C110.168 0.633837 110.478 0.500269 110.838 0.500269ZM122.046 9.8014V15.3529H125.485C126.075 15.3529 126.6 15.1368 127.058 14.7021C127.517 14.2358 127.746 13.585 127.746 12.752C127.746 11.919 127.567 11.2196 127.206 10.6514C126.846 10.0831 126.273 9.8014 125.485 9.8014H122.046ZM155.545 35.5046H145.52C145.159 35.5046 144.849 35.371 144.586 35.1039C144.324 34.8368 144.192 34.521 144.192 34.1543V1.85051C144.192 1.48381 144.324 1.16811 144.586 0.900971C144.849 0.633837 145.159 0.500269 145.52 0.500269H155.545C155.906 0.500269 156.216 0.633837 156.479 0.900971C156.741 1.16811 156.872 1.48381 156.872 1.85051V3
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Navigation Items > 구매하기 네비게이션 항목 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L47
TestingLibraryElementError: Found multiple elements with the text: 구매하기
Here are the matching elements:
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
구매하기
</button>
Ignored nodes: comments, script, style
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
구매하기
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 21.9997V14.1994C72.2639 9.66541 73.7558 6.16595 76.7372 3.6986V3.70102ZM86.0275 25.2539C86.6839 25.9217 87.5672 26.2545 88.6819 26.2545C89.7966 26.2545 90.6798 25.9217 91.3363 25.2539C91.9927 24.5861 92.3197 23.571 92.3197 22.2037V13.8036C92.3197 12.4703 91.9927 11.4698 91.3363 10.8044C90.6798 10.105 89.7966 9.75526 88.6819 9.75526C87.5672 9.75526 86.6839 10.105 86.0275 10.8044C85.3711 11.4722 85.044 12.4703 85.044 13.8036V22.2037C85.044 23.571 85.3711 24.5861 86.0275 25.2539ZM110.838 0.500269H125.485C130.204 0.500269 133.89 1.53481 136.544 3.60146C139.199 5.66811 140.526 8.71829 140.526 12.752C140.526 16.7858 139.199 19.7704 136.544 21.7035C133.923 23.6365 130.235 24.6031 125.485 24.6031H122.291V34.1543C122.291 34.521 122.16 34.8368 121.897 35.1039C121.635 35.371 121.325 35.5046 120.964 35.5046H110.838C110.478 35.5046 110.168 35.371 109.905 35.1039C109.642 34.8368 109.511 34.521 109.511 34.1543V1.85051C109.511 1.48381 109.642 1.16811 109.905 0.900971C110.168 0.633837 110.478 0.500269 110.838 0.500269ZM122.046 9.8014V15.3529H125.485C126.075 15.3529 126.6 15.1368 127.058 14.7021C127.517 14.2358 127.746 13.585 127.746 12.752C127.746 11.919 127.567 11.2196 127.206 10.6514C126.846 10.0831 126.273 9.8014 125.485 9.8014H122.046ZM155.545 35.5046H145.52C145.159 35.5046 144.849 35.371 144.586 35.1039C144.324 34.8368 144.192 34.521 144.192 34.1543V1.85051C144.192 1.48381 144.324 1.16811 144.586 0.900971C144.849 0.633837 145.159 0.500269 145.52 0.500269H155.545C155.906 0.500269 156.216 0.633837 156.479 0.900971C156.741 1.16811 156.872 1.48381 156.872 1.85051V3
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Navigation Items > 5개의 네비게이션 항목 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L40
TestingLibraryElementError: Found multiple elements with the role "navigation"
Here are the matching elements:
Ignored nodes: comments, script, style
<nav
class="flex items-center gap-[56px]"
>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
챗봇
</button>
</nav>
Ignored nodes: comments, script, style
<nav
class="flex flex-col"
>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
챗봇
</button>
</nav>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 2
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Rendering > 로그인 버튼 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L32
TestingLibraryElementError: Found multiple elements with the role "button" and name "로그인"
Here are the matching elements:
Ignored nodes: comments, script, style
<button
class="flex items-center justify-center h-[44px] px-xl py-m gap-xxs rounded-(--radius-l) typo-body-1 whitespace-nowrap transition-colors focus:outline-none cursor-pointer bg-gray-900 text-white hover:bg-gray-500 focus:bg-gray-600 focus:text-white disabled:bg-gray-200 disabled:text-gray-400 disabled:cursor-not-allowed w-auto"
type="button"
>
로그인
</button>
Ignored nodes: comments, script, style
<button
class="flex items-center justify-center h-[44px] px-xl py-m gap-xxs rounded-(--radius-l) typo-body-1 whitespace-nowrap transition-colors focus:outline-none cursor-pointer bg-gray-900 text-white hover:bg-gray-500 focus:bg-gray-600 focus:text-white disabled:bg-gray-200 disabled:text-gray-400 disabled:cursor-not-allowed w-full"
type="button"
>
로그인
</button>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 21.9997V14.1994C72.2639 9.66541 73.7558 6.16595 76.7372 3.6986V3.70102ZM86.0275 25.2539C86.6839 25.9217 87.5672 26.2545 88.6819 26.2545C89.7966 26.2545 90.6798 25.9217 91.3363 25.2539C91.9927 24.5861 92.3197 23.571 92.3197 22.2037V13.8036C92.3197 12.4703 91.9927 11.4698 91.3363 10.8044C90.6798 10.105 89.7966 9.75526 88.6819 9.75526C87.5672 9.75526 86.6839 10.105 86.0275 10.8044C85.3711 11.4722 85.044 12.4703 85.044 13.8036V22.2037C85.044 23.571 85.3711 24.5861 86.0275 25.2539ZM110.838 0.500269H125.485C130.204 0.500269 133.89 1.53481 136.544 3.60146C139.199 5.66811 140.526 8.71829 140.526 12.752C140.526 16.7858 139.199 19.7704 136.544 21.7035C133.923 23.6365 130.235 24.6031 125.485 24.6031H122.291V34.1543C122.291 34.521 122.16 34.8368 121.897 35.1039C121.635 35.371 121.325 35.5046 120.964 35.5046H110.838C110.478 35.5046 110.168 35.371 109.905 35.1039C109.642 34.8368 109.511 34.521 109.511 34.1543V1.85051C109.511 1.48381 109.642 1.16811 109.905 0.900971C110.168 0.633837 110.478 0.500269 110.838 0.500269ZM122.046 9.8014V15.3529H125.485C126.075 15.3529 126.6 15.1368 127.058 14.7021C127.517 14.2358 127.746 13.585 127.746 12.752C127.746
|
|
tests/unit/shared/ui/Header/Header.test.tsx > Header > Rendering > 네비게이션 영역 렌더링:
tests/unit/shared/ui/Header/Header.test.tsx#L26
TestingLibraryElementError: Found multiple elements with the role "navigation"
Here are the matching elements:
Ignored nodes: comments, script, style
<nav
class="flex items-center gap-[56px]"
>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer relative text-center typo-body-1 text-gray-900 whitespace-nowrap"
type="button"
>
챗봇
</button>
</nav>
Ignored nodes: comments, script, style
<nav
class="flex flex-col"
>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
구매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
판매하기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
수리점찾기
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
루핏톡
</button>
<button
class="bg-transparent cursor-pointer typo-body-2 relative flex w-full items-center px-4 py-3 text-left text-gray-900 hover:bg-gray-50"
type="button"
>
챗봇
</button>
</nav>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<header
class="fixed top-0 left-0 right-0 z-50 w-full h-(--header-height) bg-white transition-shadow duration-200 pr-[var(--scrollbar-width)]"
>
<div
class="flex w-full max-w-[1440px] mx-auto h-full justify-between items-center pl-10 pr-10 xl:pl-[120px] xl:pr-[120px]"
>
<svg
aria-label="LOOPIT 홈으로 이동"
class="cursor-pointer outline-none w-[192px] h-[36px] shrink-0"
fill="none"
role="button"
tabindex="0"
viewBox="0 0 192 36"
xmlns="http://www.w3.org/2000/svg"
>
<g
clip-path="url(#clip0_266_212)"
>
<path
d="M40.4733 3.70102C43.4881 1.23367 47.4697 0 52.418 0C57.3664 0 61.3312 1.25068 64.3126 3.7496C67.3275 6.21695 68.8337 9.69941 68.8337 14.1994V21.9997C68.8337 26.5677 67.3418 30.0502 64.3604 32.4495C61.4124 34.8173 57.4308 36 52.4157 36C47.4005 36 43.4046 34.8173 40.4232 32.4495C37.4752 30.0502 36 26.5653 36 21.9997V14.1994C36 9.66541 37.4919 6.16595 40.4733 3.6986V3.70102ZM49.7637 25.2539C50.4201 25.9217 51.3033 26.2545 52.418 26.2545C53.5328 26.2545 54.416 25.9217 55.0724 25.2539C55.7289 24.5861 56.0559 23.571 56.0559 22.2037V13.8036C56.0559 12.4703 55.7289 11.4698 55.0724 10.8044C54.416 10.105 53.5328 9.75526 52.418 9.75526C51.3033 9.75526 50.4201 10.105 49.7637 10.8044C49.1072 11.4722 48.7802 12.4703 48.7802 13.8036V22.2037C48.7802 23.571 49.1072 24.5861 49.7637 25.2539ZM76.7372 3.70102C79.752 1.23367 83.7336 0 88.6819 0C93.6302 0 97.5951 1.25068 100.576 3.7496C103.591 6.21695 105.098 9.69941 105.098 14.1994V21.9997C105.098 26.5677 103.606 30.0502 100.624 32.4495C97.6763 34.8173 93.6947 36 88.6795 36C83.6643 36 79.6684 34.8173 76.687 32.4495C73.739 30.0502 72.2639 26.5653 72.2639 2
|