Jest を使用した Swiper のテスト
P粉805931281
2023-08-31 22:35:14
<p>スワイパー/反応を使用するコンポーネントがあります。
テスト ケースの作成中に、onSlideChange で取得したスワイパー イベントをシミュレートできません。
onSlideChangeHandler関数でif条件を渡すことができません。
誰か助けてくれませんか?ありがとう! </p>
<pre class="brush:php;toolbar:false;">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(スワイパー)}
>
)
}</pre>
<p>いくつかのことを試しましたが、今のところ何もうまくいきません。 </p>
Swiper 自体をテストするのではなく、onSlideChange がトリガーされたときにハンドラーが実行されることを確認したいだけなので、次の手順に従います。