Jest を使用した Swiper のテスト
P粉805931281
P粉805931281 2023-08-31 22:35:14
0
1
740
<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>
P粉805931281
P粉805931281

全員に返信(1)
P粉384679266

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

  1. testId とクリック イベントを使用して onSlideChange をトリガーできるようにスワイパーをモックします
リーリー
  1. ここでイベントをトリガーし、テストでアサーションを行います:
リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート