はじめに

SAKURUGのTokiです。

今回はPlaywrightにてBasic認証を通す方法についてご紹介します！

基本編

1.環境構築

2.テスト生成

3.テスト実行

4.テスト結果確認

応用編

5.Basic認証 (本記事)

6.Cookie認証

7.テスト結果動画保存方法

8.Nuxt(SSR)に対応した待機処理

この記事を読んで欲しい人

PlaywrightのBasic認証を行いたい方

紹介すること / 紹介しないこと

紹介すること : PlaywrightのBasic認証の通し方

紹介しないこと : Playwrightの環境構築・テスト生成・テスト実行・テスト結果確認

※第1回～第4回の基本編でご紹介してます。

動作環境

Basic認証の通し方

playwright.config.ts

use: {
    httpCredentials: {
      username: process.env.BASIC_USERNAME!,
      password: process.env.BASIC_PASSWORD!,
    },
},

.env

BASIC_USERNAME = user
BASIC_PASSWORD = pass

Github等をご利用の場合は【.env】ファイルにまとめる事で、情報漏洩を防げます。

参考文献や公式ページへのリンク

• Playwright公式ドキュメント
• PlaywrightGitHubリポジトリ

まとめ

本記事では、PlaywrightによるBasic認証の通し方についてご紹介しました。

この記事を読んでいただきありがとうございます！

基本編

1.環境構築

2.テスト生成

3.テスト実行

4.テスト結果確認

応用編

5.Basic認証 (本記事)

6.Cookie認証

7.テスト結果動画保存方法

8.Nuxt(SSR)に対応した待機処理

是非、他の記事も閲覧頂けますと幸いです。