Hatena Blog Tags
はてなブログ トップ
Chromatic
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Chromatic

(一般)
【くろまちっく】

【形容詞】

1 色彩の，着色[彩色]の.

用例
chromatic printing 色刷り.
chromatic aberration 【光学】 色収差.

2【生物】 染色性の.

3【音楽】 半音階の.

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ミツカリ技術ブログ•2ヶ月前

ChromaticのFlaky testへの対応、一部の文字(Font)差分問題解決

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリ開発部ではVisual Regression Testing(VRT)を行っています。VRTを実現するためのSaaSにChromaticというものがあり、これを利用しています。 Chromaticを使うとUI変更の差分を画像で出すことができ、PRによってどのような変更が発生したかを可視化し、視覚的にレビューすることができます。 今回はその運用中に発生したとあるFlakyなTestの問題について説明します。 Chromaticの実例 以下は弊社で導入しているChromatic(VRT)の一例です。 PRが作られ…

#VRT#Chromatic

関連ブログ

BASEプロダクトチームブログ•3年前

Storybook と Chromatic でビジュアルリグレッションテストを実施する

Chromatic とは Chromatic とは、Storybook のメンテナーが作成している Storybook 用のツールです。Storybook をビルドして公開したり、ストーリーごとのスクリーンショットを撮影し、差分を比較してくれる機能を備えています。 Chromatic を使うことにより、UI の予期せぬ変更を事前に検知することができます。本記事では Chromatic の導入、活用方法をご紹介します。 なお、BASE 社では社内の UI コンポーネントライブラリである BBQ で Chromatic を導入、活用しています。その経緯はアドベントカレンダー15日目に公開する記事で…

#frontend#フロントエンド#Storybook#Chromatic
hacomono TECH BLOG•4年前

がんばらないフロントエンドのテストを考える (UI-test 編)

こんにちは！開発チームの山中です！ hacomonoでは、ユーザサイト・管理者サイトのそれぞれを、Nuxt.js で開発しております。 私がジョインした時点では、どちらにもテストコードが実装されておらず、 私の最初のミッションは、これらの品質を担保するための仕組みづくりでした。 今回は、表題の通り、弊社でのフロントエンドのテストについて、どのように実施しているか、説明していきます。 情報量が多いので、今後シリーズ化していくと思います TL;DR 3行でまとめ Jestの仮想DOMを使用するテストは大変なのでやらず、関数入出力のテストのみを担保する。 テストケースをStorybookで作る 作っ…

#Chromatic#TypeScript#Storybook