| ウェブサイト | chromatic.com |
| カテゴリ | ビジュアルテスト |
| ライセンス | プロプライエタリ |
| 料金 | 小規模プロジェクト向け無料プランあり。有料プランはプロジェクトあたり月額約99ドルから。エンタープライズ向けはカスタム見積もり |
概要
Chromatic は Storybook コンポーネントのビジュアルリグレッションと UI テストを自動化し、マージ前に意図しない UI の変更を検出します。
メリット
- Storybook との強力なネイティブ統合
- CI での自動ビジュアルスナップショット差分検出
- アクセシビリティチェックを内蔵
- 大規模スイート向け高速並列テスト
- ビジュアル変更に対する明確なレビューワークフロー
デメリット
- スナップショットの量に応じて料金が高くなる場合あり
- Storybook ベースのチームに最適
- 動的 UI では誤検知が発生する可能性がある
- ビジュアルリグレッションワークフローにおいてベンダーロックインのリスクが一部ある
総評
Chromatic は、コンポーネント駆動型アプリにおける意図しない UI の変更を捉えることに優れており、特にチームがすでに Storybook を使用している場合に効果的です。CI での自動ビジュアルリグレッションとアクセシビリティチェックを求めるデザインシステムチームやフロントエンドチームに最適です。主なトレードオフは、Storybook エコシステム外のチームにおけるコストとワークフローへの適合性です。