自動テストチュートリアル

Playwright、Seleniumなどの自動テストツールを学ぼう

VSCodeからテスト実行する

一番簡単で、これからの学習で基本となる実行方法です。

今回はまずは動画をご覧ください。


手順動画


2つの実行方法

動画では、コードの左側にある再生マーク(▶︎)から、2つの少し違う実行方法をお見せしました。

モード 説明
通常モード(Run Test) テストを最後まで一気に実行します
デバッグモード(Debug Test) テストを一時停止させながら、ステップごとに進めます
VSCodeでのテスト実行

赤枠 左: 通常モード, 真ん中: デバッグモード, 右: 継続実行


デバッグモードを使おう

どちらも同じように動いているように見えたかもしれませんが、この課題では、基本的には「デバッグモード」でのテスト実行をお願いします。

デバッグモードとは、料理番組を普通の速さで見るのが「通常モード」だとしたら、一時停止やスロー再生をしながら、調理の手順を一つ一つ細かく確認するようなものです。

一時停止をする理由は次のタブ「要素の取得方法」で説明いたします。


やってみよう

手順

  1. VSCodeの左側のメニューにあるフラスコマークを押下する
  2. tests/document-1/demo-test.spec.ts通常モードで実行する
  3. tests/document-1/demo-test.spec.tsデバッグモードで実行する

このステップのゴール

tests/document-1/demo-test.spec.ts を通常モードとデバッグモードで実行できたら完了です。