Jest を使用した Swiper のテスト

Question

スワイパー/反応を使用するコンポーネントがあります。 テスト ケースの作成中に、onSlideChange で取得したスワイパー イベントをシミュレートできません。 onSlideChangeHandler関数でif条件を渡すことができません。 誰か助けてくれませんか？ありがとう！

import { Swiper, SwiperSlide } from 'swiper/react';

デフォルト関数のエクスポート Abcxyz(props: PropsType) {
...
...

  const onSlideChangeHandler = (スワイパー) => {
    const activeSlideIndex = swiper.activeIndex;
    const スライド = swiper.slides;
    if (slides[activeSlideIndex]?.id === 'ハイブリッド プリンター バンドル') {
      visibleConfigOptionsStore.setVisibleConfigOptions(
        スライド[activeSlideIndex].id
      );
    }
  };


  戻る （
    <スワイパー
      onSlideChange={(スワイパー) => onSlideChangeHandler(スワイパー)}
    >
  ）
}

いくつかのことを試しましたが、今のところ何もうまくいきません。

Answer 1

Swiper 自体をテストするのではなく、onSlideChange がトリガーされたときにハンドラーが実行されることを確認したいだけなので、次の手順に従います。

1. testId とクリック イベントを使用して onSlideChange をトリガーできるようにスワイパーをモックします

リーリー

2. ここでイベントをトリガーし、テストでアサーションを行います:

リーリー