フロントエンド開発の効率化！Nx と Playwright でビジュアルリグレッションテストを賢く実施しよう - Techtouch Developers Blog

2024/05/27 20 users playwright VRT フロントエンド開発 効率化 ロク

はじめに なぜ VRT が必要なのか？ VRTとは？ Nx と Playwright で賢く VRT を実施する どう賢く実施したか 結果 まとめ 参考資料 はじめに 「食べログ ラーメン TOKYO 百名店」の全店舗訪問を目指してラーメン巡りを続けているフロントエンドエンジニアの kenshin です。 フロントエンド開発者の皆さん、新機能を追加し... 続きを読む

今さら聞けないビジュアルリグレッションテストをChromaticで始める - Sansan Tech Blog

2022/08/01 13 users Chromatic Sansan Tech Blog

Bill One Entry*1グループの秋山です。 1. はじめに 2010年代前半に登場したReactやVue.jsに代表される宣言的UI実装は、大規模なSPAの構築を可能にしました。その一方、フロントエンド領域に新たなアーキテクチャが導入されたことで、それまでWebアプリケーション開発で定石とされたテスト手法を適用しづらいケースが増... 続きを読む

ビジュアルリグレッションテストのツールを導入するまでの意思決定プロセス - BASEプロダクトチームブログ

2021/12/15 7 users 意思決定プロセス BASEプロダクトチームブログ ツール

はじめに この記事はBASE Advent Calendar 2021の15日目の記事です。 BASE株式会社 Owners Experience Frontend チームのパンダ（@Panda_Program）です。 2021年の5月に入社してから、アサインされるプロジェクトの仕事以外に社内 UI コンポーネントライブラリ「BBQ」のメンテナンスに取り組んでいました。 その中でも特... 続きを読む

Component 実装と文化を支える自動化ツール | リクルートテクノロジーズ　メンバーズブログ

2020/12/15 13 users component reg-suit StorYBook

こんにちは！アプリケーションソリューショングループ（以下、ASG）の吉井です。本記事は Recruit Engineers Advent Calendar 2020「15 日目」の記事です。 Stories as Test ASG では、Storybook / reg-suit を用いたビジュアルリグレッションテストを推進しています。Component テストを兼ねた .stories ファイルのコミ... 続きを読む

reg-suitとCypressを使ってビジュアルリグレッションテストを導入した話 - SMARTCAMP Engineer Blog

2020/09/10 8 users Cypress reg-suit リグレッションテスト 井上

こんにちは！スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの井上です。 携わっている上記のプロダクトは使いやすさにこだわっているため、UIの修正を行うことが多々あります。 そんななかで起こった問題の対応としてビジュアルリグレッションテストを導入したので、今回はその話をできれ... 続きを読む

ビジュアルリグレッションテストを導入した話 - メドピア開発者ブログ

2020/04/10 10 users リグレッションテスト メドピア開発者ブログ コンポーネント

こんにちは。フロントエンドエンジニアの小林和弘です。 Vue.js + Atomic Designでつくられたプロジェクトにビジュアルリグレッションテストを導入しました。 ビジュアルリグレッションテストでUIの安全性を高める コンポーネントの改修、新機能の追加、ライブラリのアップデートを行う際、UIに不要な変更が入っていない... 続きを読む

BackstopJSではじめるビジュアルリグレッションテスト - astamuse Lab

2017/08/30 73 users スクリーンショ astamuse Lab 回帰テスト

2017 - 08 - 30 BackstopJSではじめるビジュアルリグレッションテスト Javascript フロントエンドエンジニア こんにちは。デザイン部でフロントエンドエンジニアをしているkitoです。 今回は、 BackstopJS を使ったビジュアルリグレッションテストについて書きたいと思います。 ビジュアルリグレッションテストとは視覚的な回帰テストのことで、具体的にはスクリーンショ... 続きを読む