Posted inDevelopment
Playwright & Percy によるビジュアルリグレッションテスト：デプロイ時の「レイアウト崩れ」への不安を解消する
PlaywrightとPercyを使用して、Reactのビジュアルリグレッションテストを構築する方法を学びましょう。UIバグの検出をピクセル単位で自動化することで、レイアウト崩れを恐れずに自信を持ってコードのリファクタリングができるようになります。
Posted inDevelopment
Mock Service Worker（MSW）：フロントエンドのAPIモック、バックエンド待ちよさようなら
Mock Service Worker（MSW）を使うと、フロントエンド開発者はネットワーク層でAPIをモックできます――バックエンドが準備できていなくても開発とテストが可能です。本記事では、インストール方法、ハンドラーの書き方、dev環境とユニットテスト環境へのMSW導入手順を解説します。