/geek-camp-academia-e2e-testing-hands-on

Primary LanguageTypeScript

Geek Camp Academia E2E Testing Hands-on

This repository contains the documents for the Geek Camp Academia.

ハンズオン準備

公式のインストール手順に従って Playwright をインストールしてください。 https://playwright.dev/docs/intro#installing-playwright

ローカルマシンの環境に依存せずクリーンな環境で Playwright を実行したい方は、 下記の VSCode DevContainer を利用する手順に従って環境を構築することもできます。

ハンズオン準備（VSCode DevContainer 向け）

各種ツールのインストール

VSCode 拡張機能のインストール

次の拡張機能を VSCode にインストールしてください。
VSCode の拡張機能の入れ方はこちらを参考にしてください。

セットアップ

  1. ハンズオン用リポジトリ（当リポジトリ）をクローンします。

    $ git clone https://github.com/rhumie/geek-camp-academia-e2e-testing-hands-on.git

  2. クローンしたリポジトリを VSCode で開きます。
    VSCode 上でFolder contains a Dev Container configuration file. Reopen folder to develop in a container (learn more).と表示されるため、Reopen in Containerを選択し、 コンテナでリポジトリを開いてください。

  3. VSCode 上のターミナルから、次のコマンドを入力し、Playwright を UI モードで起動します。

    $ npx playwright test --ui-host=0.0.0.0

  4. ブラウザで Playwright の画面が立ち上がれば準備完了です。