タグ

ComponentとPlaywrightに関するmkusakaのブックマーク (1)

  • Playwright Component Testを用いた単体テストでJestで書けなかったテストを実現する - ミツカリ技術ブログ

    ミツカリのたなしゅん(@tanashun_dev)です。 弊社で提供しているサービスの一部のアクションでドラッグアンドドロップで画面上の要素の並び替えをする機能があります。 この実装にはdnd-kitというライブラリを使っています。 dndkit.com ライブラリのおかげで実装自体はそう難しいものではありませんでしたが、意図しない変更やライブラリのアップデートによってドラッグアンドドロップの動作を壊してしまう可能性が今後つきまといます。 リリースのたびにそれをチェックするのは工数ももったいないです。 ドラッグアンドドロップが正常にできているかどうかをコードレベルで保証するために単体テストを書くべきですね。 前提として、弊社ではfrontendにNext.jsを使っていて、その単体テストはJestで書いています。 まずはJestでテストを書こうとしました。 しかし、結論から言うとJestで

    Playwright Component Testを用いた単体テストでJestで書けなかったテストを実現する - ミツカリ技術ブログ
    mkusaka
    mkusaka 2025/05/26
    Playwright Component Testで、Jestでは困難だったdnd-kitのドラッグ&ドロップ単体テストを実装し、実際のブラウザ環境でマウス操作をシミュレートして要素順序変化を検証
  • 1