| ウェブサイト | chromatic.com |
| カテゴリ | ビジュアルテスト |
| ライセンス | プロプライエタリ |
| 料金 | 無料プランあり。有料プランはシート単位・月額課金で、使用量に応じたオプションも用意されています。 |
概要
Chromatic は CI でコンポーネントのスナップショットを比較し、チームに迅速なビジュアルレビューワークフローを提供することで、意図しない UI の変更を検出します。
メリット
- 強力な GitHub 連携
- 視覚的回帰テストの自動化
- スナップショット差分の明確なレビュー
- コンポーネントライブラリに適しています
- CI パイプライン内で良好に動作します
デメリット
- 有料プランはコストが急速に増加する可能性があります
- オープンソースオプションより柔軟性が低い
- ホスト型の Chromatic ワークフローに依存します
- スナップショットのスイートが大きい場合、レビューが遅くなる可能性があります
総評
Chromatic は、信頼性の高い視覚的回帰チェックが必要なコンポーネントライブラリやデザインシステムを維持しているチームに特に有用です。すでに CI と Storybook スタイルのワークフローを使用しているチームに最適です。主なトレードオフは、より柔軟なオープンソースのテストツールと比較して、独自のホスト型モデルを採用している点です。