tanashun_dev https://blog.hatena.ne.jp/tanashun_dev/ ミツカリ技術ブログ https://tech-blog.mitsucari.com/ playwright playwright-ct jest typescript ミツカリのたなしゅん(@tanashun_dev)です。 弊社で提供しているサービスの一部のアクションでドラッグアンドドロップで画面上の要素の並び替えをする機能があります。 この実装にはdnd-kitというライブラリを使っています。 dndkit.com ライブラリのおかげで実装自体はそう難しいものではありませんでしたが、意図しない変更やライブラリのアップデートによってドラッグアンドドロップの動作を壊してしまう可能性が今後つきまといます。 リリースのたびにそれをチェックするのは工数ももったいないです。 ドラッグアンドドロップが正常にできているかどうかをコードレベルで保証するために単体テストを書… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.mitsucari.com%2Fentry%2F2025%2F05%2F26%2F122820" title="Playwright Component Testを用いた単体テストでJestで書けなかったテストを実現する - ミツカリ技術ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-05-26 12:28:20 rich https://tech-blog.mitsucari.com/entry/2025/05/26/122820 1.0 100%