[B! storybook] hiro14akiのブックマーク

2023年にVisual Regression Testingを始めるならどんな選択肢があるか

はじめにフロントエンドのテスト手法の 1 つに Visual Regression Testing（以下、VRT）があります。これは、アプリケーションの画面を画像として保存し、画像の差分比較をすることで意図せぬ変更が生じていないかテストする方法です。ここ数年で広く普及し、用語としても一般的になったように思います。私も以前、とある OSS に reg-suit & Storycap を使った VRT を導入したことがあるのですが、その後もいくつか VRT のためのライブラリが登場したもののキャッチアップできていませんでした。そこで今回は知識のアップデートを目的として、ここ最近登場した（と思われる）VRT のライブラリをいくつかご紹介します。なお、今回紹介するツールはすべてこちらのリポジトリで試しています。具体的な設定ファイルや動作結果を確認できるようになっていますので、ご興味が

hiro14aki 2022/12/29

リンク

Controls

🚀 Get started🖋 Write stories📖 Write docs🔬 Testing🔖 Sharing🧩 Essential addonsIntroductionActionsBackgroundsControlsHighlightInteractionsMeasure & OutlineToolbars & globalsViewport🔧 Addons⚙️ Configure🧰 Builders🔌 API🛠 Contribute❓ FAQ↗️ Migrate to 7.0 Watch a video tutorial on the Storybook channelStorybook Controls gives you a graphical UI to interact with a component's arguments dynamicall

hiro14aki 2022/06/16

storybook

リンク

Component Story Format 3.0

Storybook is based on one core construct: the story. Everyone that uses Storybook writes stories for their component examples. Component Story Format is our expressive, platform-agnostic format that's used across the industry from Netflix to Shopify and beyond. I'm excited to announce Component Story Format 3.0. It's the next major iteration of CSF that harnesses a year's worth of community feedba