1. E2Eテスト最大の敵「Flaky(不安定な)テスト」
「ローカルでは通るのにCI上ではたまに失敗する」原因の9割は、要素の描画やアニメーション完了を待たずにクリックしようとするタイミングの問題です。
2. Playwrightの圧倒的な優位性
- Auto-waiting: 要素が表示され、アクション可能になるまで自動で待機(明示的な
sleepが不要)。 - Chromium, Firefox, WebKit(Safari): 単一のAPIで3大ブラウザエンジンをネイティブサポート。
- Trace Viewer: テスト失敗時の全ステップをDOMスナップショット、コンソールログ、ネットワーク通信、動画付きで完全再生。