sinokuno https://blog.hatena.ne.jp/sinokuno/ sinokuno’s diary https://sinokuno.hatenablog.com/ はじめに Angular で構築された業務アプリに対して Cypress でテストを書く場合、 テストを書くのが遅い APIモックの扱いに悩む 画面変更でテストが壊れやすい といった課題にぶつかることが多いです。 特に一覧画面は数が多く、毎回ゼロからテストを書くのは非効率です。 そこで本記事では、 最速でテストを書く設計 APIモックの使い分け テストコードの自動生成戦略 を実務ベースでまとめます。 結論（先に） 最も現実的で強い構成はこれです。 テストの分け方 種類 内容 API 主力テスト 表示・分岐確認 モック 接続確認テスト 実際の疎通確認 実通信 ハイブリッド 一部だけ固定 部分モッ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsinokuno.hatenablog.com%2Fentry%2F2026%2F04%2F11%2F131146" title="【Angular × Cypress】一覧画面テストを最速で作る方法と自動生成戦略（モック設計まで完全解説） - sinokuno’s diary" 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 2026-04-11 13:11:46 rich https://sinokuno.hatenablog.com/entry/2026/04/11/131146 1.0 100%