Playwright Agents × VSCode E2Eテスト自動化講座をリリースしました

Playwright Agents × VSCode E2Eテスト自動化講座

Playwright Agentsを活用したE2Eテスト自動化講座をリリースしました。

本講座では、AIエージェントがテストの計画・実装・修正を支援してくれるPlaywright Agentsの使い方を、ハンズオン形式で学べます。


この講座で学べること

本講座では、以下の内容を実際のECサイトを題材にしたハンズオンで学びます。


Playwright × TypeScriptによるE2Eテスト自動化の概要

実際のWebサイトを使った基本操作の自動化から、実践的なテスト自動化までを体験します。


Playwright Agentsの3つのエージェント活用法

・Planner:テストシナリオを網羅的に洗い出す
・Generator:実際に動くテストコードを生成する
・Healer:テスト失敗時に自動修正を試みる

それぞれのエージェントの役割と使い分けを、実践を通じて身につけます。


Page Object Modelデザインパターンの基本

テストコードの保守性・可読性を向上させるPage Object Model(POM)パターンを学びます。

Locators、Pages、Testsの3レイヤーで構成する設計手法を、実際にコードを書きながら習得します。


Trace Viewerを使ったデバッグ

テストが失敗したとき、「どこで何が起きたのか」を詳しく調べるTrace Viewerの使い方を学びます。

画面状態を時系列で確認しながら、効率的にデバッグする方法を身につけます。


こんな方におすすめ

  • Playwright × TypeScriptによるE2Eテスト自動化の概要が知りたいエンジニアの方
  • Trace Viewerをはじめとする基本的なE2Eテスト自動化技術を身につけたいエンジニアの方
  • Page Object Modelデザインパターンの基本を学びたい方
  • AIエージェントを活用したテスト自動化に興味がある方

講座の構成

本講座は以下の構成になっています。


概要編

  • コースダイジェスト
  • 本コースで学べること
  • 受講の前提条件と環境準備

準備編

  • Playwrightインストール
  • Playwright Agentsインストール
  • Agentのツール有効化設定
  • テスト用アカウントの手動登録

計画編(Planner)

  • Planner概要
  • 計画作成
  • シナリオのピックアップ
  • シナリオ範囲の調整
  • クラス名・ファイル名の明示

作成編(Generator)

  • Generator概要
  • 計画ファイルとコードのインポート
  • Page Object Model(POM)コード生成
  • 既存スタイルの準拠確認
  • 既存ファイル更新時のDiff確認

修正編(Healer)

  • Healer概要
  • 計画ファイルとコードのインポート
  • テスト実行
  • Healerによるエラー修正
  • HTML ReporterとTrace Viewerでの事象把握
  • 手修正による対処とテスト再実行

講座紹介動画

講座の内容を動画で紹介しています。

https://youtu.be/hWwmExLZv_g


講座の詳細・お申し込み

講座の詳細・お申し込みはこちらからどうぞ。



Udemy講座も提供しています

私は現在、UdemyでもPlaywright講座を提供しています。

  • Playwright × TypeScript入門講座
  • Playwright × Python入門講座
  • Playwright × Java入門講座

本講座はAIエージェント(Playwright Agents)に特化した内容ですが、Playwrightの基礎から学びたい方はUdemy講座もご検討ください。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です