[feat/carousel] - 캐러셀 컴포넌트 구현 #49
ramong26Annotations
3 errors
|
build
Process completed with exit code 1.
|
|
src/components/Carousel/Carousel.test.tsx > 자동 슬라이드 동작 (타이머 기반):
src/components/Carousel/Carousel.test.tsx#L53
Error: expect(element).not.toHaveClass("active")
Expected the element not to have class:
active
Received:
carousel__indicator active
❯ src/components/Carousel/Carousel.test.tsx:53:29
|
|
src/components/Carousel/Carousel.test.tsx > renders Carousel and 클릭:
src/components/Carousel/Carousel.test.tsx#L34
TestingLibraryElementError: Unable to find an accessible element with the role "heading" and name `/Slide 2/i`
Here are the accessible roles:
list:
Name "":
<ul
class="carousel__list"
style="transform: translateX(-0%);"
/>
--------------------------------------------------
listitem:
Name "":
<li
aria-hidden="false"
class="carousel__item"
/>
--------------------------------------------------
img:
Name "Slide 1":
<img
alt="Slide 1"
class="carousel__image"
src="https://wikidocs.net/images/page/279778/boardwalk.jpg"
style="width: 500px; height: auto;"
/>
--------------------------------------------------
heading:
Name "Slide 1":
<h2
class="carousel__title"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="carousel__text"
/>
--------------------------------------------------
button:
Name "Go to slide 1":
<button
aria-label="Go to slide 1"
class="carousel__indicator active"
/>
Name "Go to slide 2":
<button
aria-label="Go to slide 2"
class="carousel__indicator "
/>
Name "Go to slide 3":
<button
aria-label="Go to slide 3"
class="carousel__indicator "
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="carousel"
>
<div
class="carousel__container"
>
<ul
class="carousel__list"
style="transform: translateX(-0%);"
>
<li
aria-hidden="false"
class="carousel__item"
>
<img
alt="Slide 1"
class="carousel__image"
src="https://wikidocs.net/images/page/279778/boardwalk.jpg"
style="width: 500px; height: auto;"
/>
<div
class="carousel__content"
>
<h2
class="carousel__title"
>
Slide 1
</h2>
<p
class="carousel__text"
>
This is the first slide.
</p>
</div>
</li>
<li
aria-hidden="true"
class="carousel__item"
>
<img
alt="Slide 2"
class="carousel__image"
src="https://wikidocs.net/images/page/279778/boardwalk.jpg"
style="width: 500px; height: auto;"
/>
<div
class="carousel__content"
>
<h2
class="carousel__title"
>
Slide 2
</h2>
<p
class="carousel__text"
>
This is the second slide.
</p>
</div>
</li>
<li
aria-hidden="true"
class="carousel__item"
>
<img
alt="Slide 3"
class="carousel__image"
src="https://wikidocs.net/images/page/279778/boardwalk.jpg"
style="width: 500px; height: auto;"
/>
<div
class="carousel__content"
>
<h2
class="carousel__title"
>
Slide 3
</h2>
<p
class="carousel__text"
>
This is the third slide.
</p>
</div>
</li>
</ul>
</div>
<div
class="carousel__indicators"
>
<button
aria-label="Go to slide 1"
class="carousel__indicator active"
/>
<button
aria-label="Go to slide 2"
class="carousel__indicator "
/>
<button
aria-label="Go to slide 3"
class="carousel__indicator "
/>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-li
|