自動テストチュートリアル
Playwright、Seleniumなどの自動テストツールを学ぼう
🧪 練習サイト
← ホームに戻る
🎭
Playwright
Microsoftが開発した自動テストツール。モダンなWebアプリケーションのテストに最適です。
目次
事前準備
VSCodeとは？
VSCodeのインストール
VSCodeに拡張機能のインストール
VSCodeの初期設定
VSCodeの基本的な使い方
ターミナル操作の基礎
環境構築
Playwrightのダウンロード
VSCodeでPlaywrightを開く
Playwrightの環境構築
自動テストの実行
実行前の準備
VSCodeからテスト実行する
ヘッドレスモードとヘッドフルモード
ターミナルから実行
要素の取得方法
そもそも「要素」とは？
ブレークポイントで止める
Pick locatorを使って要素取得する
検証ツールを使って要素取得する
Pick locatorと検証ツールによる要素の違い
Playwrightの基礎
テストシナリオの構成と読み解き方
ページへの移動と基本的な操作
検証の基本
エラーの読み方・デバッグの基礎
機能単位の演習（難易度: 低）
テキストボックス
難易度: 低
ボタン
難易度: 低
チェックボックス
難易度: 低
ラジオボタン
難易度: 低
リンク
難易度: 低
アコーディオン
難易度: 低
タブ系
難易度: 低
セレクトメニュー
難易度: 低
ここまでの総復習
難易度: 低
機能単位の演習（難易度: 中）
ブラウザのタブ切り替え
難易度: 中
日付ピッカー
難易度: 中
メニューバー
難易度: 中
ダイアログ
難易度: 中
モーダル
難易度: 中
ツールチップ
難易度: 中
Webテーブル
難易度: 中
アップロード
難易度: 中
ダウンロード
難易度: 中
Playwrightテスト運用・保守編
Playwrightの自動待機と、要素の表示を待つ方法
変更に強い要素の取得とは？
不安定(フレーキー)なテスト
envと開発時のセキュリティ対策