Jest로 Swiper 테스트하기

Question

스와이프/반응을 사용하는 구성요소가 있습니다. 테스트 사례를 작성하는 동안 onSlideChange에서 얻은 스와이프 이벤트를 시뮬레이션할 수 없습니다. onSlideChangeHandler 함수에서 if 조건을 전달할 수 없습니다. 누구든지 도와줄 수 있나요? 감사해요!

'swiper/react'에서 { Swiper, SwiperSlide } 가져오기;

기본 함수 Abcxyz(props: PropsType) 내보내기 내보내기
...
...

  const onSlideChangeHandler = (스와이프) =>
    const activeSlideIndex = swiper.activeIndex;
    const 슬라이드 = swiper.slides;
    if (slides[activeSlideIndex]?.id === '하이브리드 프린터 번들') {
      visibleConfigOptionsStore.setVisibleConfigOptions(
        슬라이드[activeSlideIndex].id
      );
    }
  };


  반품 (
    <스와이퍼
      onSlideChange={(swiper) => onSlideChangeHandler(swiper)}
    >
  )
}

몇 가지를 시도했지만 지금까지 아무것도 작동하지 않습니다.

Answer 1

Swiper 자체를 테스트하고 싶지 않고 onSlideChange가 트리거될 때 핸들러가 실행되는지 확인하고 싶으면 다음 단계를 따르세요.

1. 모의 스와이프로 testId와 클릭 이벤트를 사용하여 onSlideChange를 실행할 수 있습니다

으아악

2. 이제 이벤트를 트리거하고 테스트에서 어설션을 수행합니다.

으아악