[B! E2E] obaratchのブックマーク

Playwrightを使ったE2Eテストを導入した話 - Uzabase for Engineers

はじめにこんにちは。ソーシャル経済メディア「NewsPicks」の QA/SET チームの海老澤です。先日弊社で E2E テスト実行するために Playwright を導入したため紹介させてください。 E2Eテストとは E2Eテスト（エンドツーエンドテスト）とは、ソフトウェア開発におけるテスト手法の一つで、アプリケーションが実際の運用環境と同様の条件下で正しく動作することを確認するためのテストです。システムの開始点から終了点までを通じて、ユーザーの視点でアプリケーションのフローを追い、機能全体が連携して期待通りに動くかを検証します。具体的には、ユーザーが行うであろう一連の操作をシミュレートして、データがシステムを通じて適切に流れるかや、最終的なアウトプットが正しいかどうかを確認します。E2Eテストにより、部分的な単体テストや統合テストでは見逃されがちな問題を発見することができます。

obaratch 2024/05/18

リンク

新しい UI テストの手法を提供するテストライブラリ SafeTest

新しい UI テストの手法を提供するテストライブラリ SafeTest 2024.02.25 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。SafeTest は単体テストと Playwright を使った E2E テストの手法を組み合わせることで、それぞれの手法が抱える欠点を補うことを目指しています。 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。従来のフロントエンドのテストの手法は Testing Libra

obaratch 2024/02/26

リンク

これだけはおさえておきたいPlaywrightコマンド集 - Qiita

はじめにこの記事では、Playwrightでテストを書いていく上で「こんな時どう書く？」をまとめた記事です。コマンド集は公式ドキュメントにもあります。コマンドがたくさんあり様々なことができます。本記事ではその中からよく使いそうなこれだけはおさえておきたいものをピックアップして、要素の操作と検証など実践に使いやすい形のサンプルを用意してみました。また、PlaywrightのテストコードだけでなくHTMLも合わせて載せておりますので参考にしていただけたらと思います。以下のコマンドの紹介では、Playwrightのデモ用のページを利用しています。デモページ：https://demo.playwright.dev/todomvc 環境以下の環境下で動作を確認しました。 OS : Windows 10, Ubuntu 20.04 Node : v16.15.1 Playwrightで

obaratch 2024/02/20

リンク

E2Eテストを Playwright で作り直して開発プロセスに組み込む話 - SmartHR Tech Blog

こんにちは。SmartHR プロダクトエンジニアの sasaki (@s_sasaki_0529) です。今回は、私が開発に携わっている届出書類機能における E2E テストを、Capybara + Selenium の構成から Playwright に移行し、開発プロセスに組み込んだお話をします。扱う話題 E2Eテスト基盤を移行する具体的な背景と理由移行における提案から、合意形成までの流れ移行後の開発プロセスがどう変わったか扱わない話題 Playwright など、記事内で扱う技術要素自体の詳細説明移行作業自体の詳細テストコードの設計・実装に関する具体的なテクニックなお、本記事では便宜上、移行前の E2E テストを「旧テスト基盤」移行後を「新テスト基盤」と呼称します。届出書類機能について E2Eテストに限らず、テストというのはプロダクトの特性によって最適な手法は大きく変わ