〈入門〉ＷｅｂフロントエンドＥ２Ｅテスト　ＰｌａｙｗｒｉｇｈｔによるＷｅｂアプリの自動テストから良いテストの書き方まで

Ｅ２Ｅテスト（Ｅｎｄ‐ｔｏ‐Ｅｎｄ　Ｔｅｓｔｉｎｇ）とは、システムの端から端（Ｅｎｄ‐ｔｏ‐Ｅｎｄ）まで、全体を通して行うソフトウェアテストを指します。本書ではＥ２Ｅテストを「ユーザーの視点でＷｅｂシステムの動作を確認する自動テスト」として定義し、Ｅ２Ｅテストをこれからプロジェクトに導入しようとしている人、すでに導入しているがパフォーマンスや保守性で課題を感じている人を対象に、Ｅ２Ｅテストのフレームワークとして近年人気が急上昇しているＰｌａｙｗｒｉｇｈｔをツールとして、その目的からモダンなノウハウまで、Ｅ２Ｅテスト初心者の方にもわかりやすくハンズオンを交えながら解説します。ＣＩへ組み込む方法やユニットテストとの棲み分けなど、Ｅ２Ｅテストを実際の開発現場に投入するうえでの知見も数多く紹介します。

E2Eテスト（End-to-End Testing）とは、システムの端から端（End-to-End）まで、全体を通して行うソフトウェアテストを指します。本書ではE2Eテストを「ユーザーの視点でWebシステムの動作を確認する自動テスト」として定義し、E2Eテストをこれからプロジェクトに導入しようとしている人、すでに導入しているがパフォーマンスや保守性で課題を感じている人を対象に、E2Eテストのフレームワークとして近年人気が急上昇しているPlaywrightをツールとして、その目的からモダンなノウハウまで、E2Eテスト初心者の方にもわかりやすくハンズオンを交えながら解説します。CIへ組み込む方法やユニットテストとの棲み分けなど、E2Eテストを実際の開発現場に投入するうえでの知見も数多く紹介します。

目次

■■■第1章　Playwrightハンズオン
■■1.1　Playwrightのセットアップ方法
■1.1.1　インストールと初期設定
■1.1.2　Playwrightのディレクトリ構成
■■1.2　テスト用Webアプリケーションの作成
■1.2.1　Playwrightの導入
■■1.3　表示のテストとテストの実行方法
■1.3.1　新規ページの作成
■1.3.2　最初のテスト
■1.3.3　テストの実行
■■1.4　ページ遷移のテストとテスト生成機能
■1.4.1　フォーム入力のテストを生成する
■■1.5　フォーム操作のテスト
■■1.6　まとめ
■■■第2章　E2Eテストツールの紹介
■■2.1　E2Eテストツールの歴史
■■2.2　ブラウザベースのE2Eテストツール
■2.2.1　Cypress
■2.2.2　Puppeteer
■2.2.3　Playwright
■2.2.4　E2Eテストツールの比較
■■2.3　WebフロントエンドフレームワークとE2Eテストツール
■2.3.1　Svelte
■2.3.2　Vue.js
■2.3.3　React
■2.3.4　Angular
■2.3.5　Electron
■■2.4　まとめ
■■■第3章　Playwrightのテスト用ツールセット（1）ロケーター
■■3.1　テストツールのカテゴリ
■［column］アサーションとPlaywright
■■3.2　ロケーター
■3.2.1　getByRole()
■3.2.2　getByLabel()
■3.2.3　getByPlaceholder()
■3.2.4　getByText()
■3.2.5　getByAltText()
■3.2.6　getByTitle()
■3.2.7　getByTestId()
■［column］data-testidはいつ使うべきか？

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。