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

フロントエンドテスト

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

Storybook Play functionでAHA testingのすゝめ

バクラク事業部でソフトウェアエンジニアをしている @ta1m1kam です。 フロントエンド開発において「どのテストをどれだけ書くべきか？」という問いは、誰もが一度は悩むテーマです。ユニットテスト？E2Eテスト？ビジュアルリグレッション？それぞれに役割があり、バランスが求められます。 Testing Trophy そんな悩みに対する一つの指針として、Kent C. Dodds氏が提唱した 「Testing Trophy（テスティング・トロフィー）」 という考え方あります。（提唱自体は2021年ごろなので、今では割と一般的になっているかなと感じています。） kentcdodds.com ポイント…

#フロントエンド#Storybook#react#フロントエンドテスト#testing

関連ブログ

ITANDI Engineer Blog•3ヶ月前

デザインシステム「ITANDI BB UI」とそれを支えるStorybookの紹介

こんにちは！イタンジのFrontend Unit所属の薄羽です。2024年3月に中途入社しました。好きなnpmパッケージは @emotion/react です。 イタンジのFrontend Unitには主務で薄羽と西野が在籍しており、デザインシステム「ITANDI BB UI」の開発とプロダクトのフロントエンドを横断的に見ること*1を主な仕事としています。 今回はITANDI BB UIとそれを支える「Storybook」を紹介します。 ITANDI BB UI イタンジには、物件管理や申込管理など、様々な機能が存在します。それらの機能は別々のチームで開発されており、同じ見た目や振る舞いのコン…

#デザインシステム#Storybook#TypeScript#フロントエンドテスト
雑記•4ヶ月前

【読書】フロントエンド開発のためのテスト入門①　心得

とあるITサービス開発チームのリーダーやってます。 「フロントエンド開発のためのテスト入門」を読んで、なんとなくかみ砕いていきたい。 ================================ テストの種類について 関数単体テスト UIコンポーネント単体テスト アクセシビリティ品質なども検証できるようになってきている UIコンポーネント結合テスト 非同期処理レスポンスに応じた結果切り替えなども含める UIコンポーネントビジュアルリグレッションテスト UIコンポーネント単位で実行することで精度高く検証できる E2Eテスト ヘッドレスブラウザによるテストで、実際のアプリケーションに近い状況を…

#フロントエンドテスト
OLTA TECH BLOG•4ヶ月前

INVOYフロントエンドにおけるテスト導入と方針

概要 対象読者 方針 コンポーネントのテスト方針 テストコード設計 setup 関数を用いたdomの取得の汎用化 API mockの設計 終わりに 参考文献 概要 OLTAのINVOYでフロントエンドエンジニアを担当している小林です. INVOYは、請求書発行や共有に加え受取請求書の自動データ化やカード決済機能などを提供するサービスです．日々機能が追加される中で、ユーザーに安定したサービスを提供し続けるためには、不具合を防ぐためのテストが不可欠です．そこでINVOYのフロントエンドでは、E2Eテスト自動化ツールであるAutifyを導入し、テストを実施しています．これにより、大きな不具合もなくサ…

#フロントエンドテスト#Nuxt.js#Vue.js#テスト戦略
aptpod Tech Blog•6ヶ月前

PlaywrightのAria snapshotsでアクセシビリティツリーをチェックする

aptpod Advent Calendar 2024 12月12日の記事です。 こんにちは、開発本部Visual M2Mグループの遠藤です。フロントエンドエンジニアとして働いています。 Playwright 1.49.0からAria snapshotsという機能が新たに追加されました。この記事では、PlaywrightのAria snapshotsを実際に試しながら機能の紹介を行いたいと思います。 Aria snapshots とは アクセシビリティツリーについて Aria snapshots を使ってみる インストール 基本的な使い方 テストの修正 部分一致と正規表現を使用したマッチング …

#フロントエンドテスト#playwright
のこのこかずのこ•8ヶ月前

技術書読んだメモ : フロントエンド開発のためのテスト入門

こちらの本を読みました。とっても勉強になりました！ フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識 [ 吉井 健文 ]価格: 3080 円楽天で詳細を見る 読もうと思ったわけと感想 テストを導入の必要性はとても感じているけれど、仕事でなかなかテストを書く機会に恵まれず…。 そもそも自分がフロントエンドのテストって何すればいいのかよくわかっていなかったので、提案もままならず…なので、まずは知識をつけたいと思ってこちらの本を読みました。フロントエンドのテストに関して体系的にまとめられている本はほとんどお見かけしないので、本当にありがたいです。 結果、読む前と…

#技術メモ#Jest#フロントエンドテスト
EmotionTechテックブログ•1年前

「フロントエンド開発のためのテスト入門」を読んで

はじめに こんにちは。フロントエンドエンジニアのすずきです。 今回は今年読んだ本の一冊である「フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識」について書こうと思います。 この記事はエモーションテックアドベントカレンダー 2023の10日目の記事です。 きっかけ 私はエモーションテックに入社して、初めて仕事でユニットテストのコードを書きました。 それまではチュートリアルの簡単なものしか書いたことがなかったので、入社後は日々勉強しながら実際のプロジェクトでテストを書いています。 入社してしばらく経ち、もう少しフロントエンドのテスト全体について知りたいと思いチ…

#フロントエンドテスト#技術書
Paytner Tech Blog•2年前

フロントエンドのテストのダミーデータ作成ならrosieがおすすめ

はじめに ペイトナー請求書のフロントエンドを主に担当している @fuqda です。 本稿では、ペイトナー請求書のフロントエンドのテストコードを書きやすくするために最近導入したrosieというライブラリが便利だったので、そちらのご紹介をさせて頂きます。 この記事の対象読者 Jestなどで使用するダミーデータを毎回ベタ書きして疲弊している方 RSpecのFactoryBotのようなライブラリがフロントエンドにも無いのかと探している方 rosieとは？ Ruby on Railsでテストコードを書く際のダミーデータ作成ライブラリとして有名なFactoryBotにインスパイヤされたJavaScript…

#フロントエンド#Jest#FactoryBot#フロントエンドテスト