Playwright を使いこなすためのベストプラクティス - Qiita
はじめに Playwright を使うことで比較的簡単に E2E テストを実装することができます。しかし、通常テストコードは実装したら終わりということではなく、継続的にメンテナンス（保守）が必要になります。その際に保守しやすいように実装するため、Playwright の公式ドキュメントに記載されているベストプラクティスの中で参考になりそうな部分を確認しておこうと思います。 テストの独立性を高める 可能な限りテスト間の依存が無いようにして、テストを分離すると良いというプラクティスです。各テストが独立していることで、 １つのテストが失敗しても他のテストに影響しない テストの順序を考慮する必要がない テストをシンプルに保つことができる あたりのメリットがあるかと思います。また、特定の処理（例えば特定の URL に遷移する処理）の繰り返し実装するのを避けるために before and after
Pytestを実装する
Python のテストとして馴染み深いライブラリで「Pytest」があります。 Pytest は、ユニットテストを支援するためのモジュールとして準備されています。 また、一般的にテストは「ユニットテスト」と「結合テスト」というものが存在します。 例えば、DB の Model に書かれているメソッドやデータ登録が想定した結果になることを確認するのがユニットテストとして扱われています。 あくまでシステム全体としてというよりは、機能として問題ないかをチェックするテストです。 一方、結合テストはユニットテストを経た構成要素を結合し、サブシステムとしてまとまった単位で動作のチェックを行うことを指します。 システム内の機能が連携できているか検証できます。 ユニットテストのメリットは、問題点を特定し易くシステムとして独立してテスト可能であるため、テストを書くのに工数がかかりません。 一方、システム全体の
【Playwright】v1.4系の新機能まとめ - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは、フロントエンド開発課所属のkoki_matsuraです！ 本記事では、E2EテストライブラリであるPlaywrightのv1.40 ~ 最新版v1.43で追加された機能の中から僕の独断と偏見でいくつかを紹介したいと思います。 では早速、紹介していきます！ 以下は目次です。 v1.40の新機能 Test Generatorにアサーションコード生成機能 toBeVisibleアサーション toContainTextアサーション toHaveValueアサーション v1.41の新機能 screenshot関数のstyleオプション toHaveScreenshot関数のstylePathオプション v1.42の新機能 addLocatorHandler関数 タグの追加 v1.43の新機能 LocatorとFrameLocatorの相互変換 clearCookiesのフィルター機能 ま
ブラウザ自動操作API入門: WebDriver APIとChrome DevTools Protocol(CDP)
ウェブブラウザを自動操作する際には、WebDriverやChrome DevTools Protocol (CDP) などのAPIが広く利用されています。 これらのAPIを基盤に構築された様々なブラウザ自動操作フレームワークが、テスト自動化の分野で重要な役割を果たしています。 例えば、SeleniumやPlaywrightといったフレームワークを利用して、テストの自動化に取り組まれている方もいらっしゃると思います。 私もテスト自動化フレームワークの便利さを享受する一方で、フレームワークを介さずにブラウザを自動操作する方法についての興味がわいてきました。 そこで、この記事ではWebDriverやCDPが提供するAPIを直接利用してブラウザを操作する方法を基礎から探求してみることにしました。 これにより、私たちが普段利用しているフレームワークの背後にある原理を理解し、より深い知見を得ることを目
PlaywrightのVSCode拡張を使って効率的にテストを書く
この記事では、Playwright の VSCode 拡張を使って GUI 操作のみでテストの記録や実行する方法について紹介します。 Playwright の VSCode 拡張とは？ Playwright の VSCode 拡張は、Playwright の作成元である Microsoft が公式に提供している拡張機能で、VSCode 内で直接ブラウザテストの記録や実行を支援するための便利なツールです。 GUI 操作を中心に、テストの記録や実行を手軽に行うことが可能となります。 VSCode 拡張のインストールは、以下のリンクから行うことができます。 VSCode 拡張を活用してテストを書く 本記事では、シンプルな ToDo アプリを例にテストの作成方法を説明します。Playwright のインストール方法は、公式ドキュメントをご参照ください。その後、VSCode に Playwright
Debugging Tests | Playwright Python
Stepping through your tests You can play, pause or step through each action of your test using the toolbar at the top of the Inspector. You can see the current action highlighted in the test code, and matching elements highlighted in the browser window. Run a test from a specific breakpoint To speed up the debugging process you can add a page.pause() method to your test. This way you won't have
【Playwright 入門】Playwrightで始めるE2Eテスト - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは！フロントエンド開発課のkoki_matsuraです。 この記事では、E2Eテストフレームワークとして用いられるPlaywrightのインストールといくつか基本的なテストコード、最後に拡張機能についてもご紹介させていただきます。これからPlaywrightでテストを書きたい人、E2Eテストに少しでも興味を持っていただける方に読んでいただけると幸いです。 目次は次の通りになっています。 はじめに Playwrightとは インストール 簡単なテストを書いてみよう Playwrightの設定を編集しよう 別タブを開くテストを書こう 別タブをコードから開くケース 別タブをリンクから開くケース リクエスト・レスポンスをテストしよう モックを使ってテストしよう Playwright拡張機能を使おう テストの実行 実行ブラウザの変更 ヘッドレスモードの選択 要素の取得 テストコード
mablからPlaywrightに移行しました - LegalOn Technologies Engineering Blog
こんにちは！ 株式会社LegalOn TechnologiesのLegalForceキャビネ開発部SET（Software Engineer in Test）のひきもち（@rmochioo）です。 昨年8月に入社し、LegalForceキャビネのAPIテスト、自動E2Eテストなどの自動テストの導入、QA業務まで幅広く携わっております。 APIテストに関しては先日、記事出ていますのでご興味があれば見ていただければと思います。 tech.legalforce.co.jp LegalForceキャビネではE2Eテストの自動化ツールとしてmablを利用していましたが、この度Playwrightへの移行を行いました。 現在LegalForceキャビネで運用しているE2Eテストは全てPlaywrightで実行されており、リリース可否判断やQA環境でのマニュアルテストのサポートとして利用されています。
playwright-pythonではwaitForNavigationの代わりにexpect_navigationを使う - Qiita
playwright-pythonではwaitForNavigationの代わりにexpect_navigationを使うPythonPlaywright in JS Playwright(JS)だと、画面遷移を待つには、 waitForNavigationを、画面遷移が発生するようなイベントの前に仕掛ける 画面遷移が発生するようなイベントのあとで、waitForNavigationの結果を待つ というのが定石。 const navigationPromise = page.waitForNavigation(); await page.click('input[type="submit"]'); // 画面遷移が発生するようなイベント await navigationPromise;
[Question] Force playwright to use downloaded browser versions · Issue #10410 · microsoft/playwright
[2023]Playwright with Python and Pytest Full Course
Playwright with Python complete course
![[2023]Playwright with Python and Pytest Full Course](https://cdn-ak-scissors.b.st-hatena.com/image/square/4692036b0932a1eabcdff94d8394ec3384b62ba7/height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2Fy8zY14HHiPI%2Fhqdefault.jpg%3Fsqp%3D-oaymwEWCMQBEG5IWvKriqkDCQgBFQAAiEIYAQ%3D%3D%26rs%3DAOn4CLCC14pLtCjpgC1tmZVsHp8MwP4j5A%26days_since_epoch%3D19829)
Playwright for PythonでPytestコードが生成できるようになった - Qiita
サマリ Playwright for PythonのVer.1.22からPytestコードが生成(codegen)できるようになっています。 本記事ではPlaywrightのインストールからPytestコードの生成までを試します。 Codegen now supports generating Pytest Tests インストール > playwright codegen --help Usage: playwright codegen [options] [url] open page and generate code for user actions Options: -o, --output <file name> saves the generated script to a file --target <language> language to generate, one
AWS Lambda with Container ImageでPlaywrightを動かす | スマートショッピング
はじめにエンジニアの@biosugar0です。 皆さんは2020年のre:Inventで発表されたLambdaのコンテナサポートを使っていますか？ この機能、個人的にはこれまでのZIPで固めてやる方法があまり好きではなかったのでとても嬉しい発表でした。 さて、今回はLambdaコンテナ内でplaywright-pythonを使う方法を紹介します。(playwright自体の使い方の説明はしません) PlaywrightPlaywrightは、マイクロソフトが開発しているブラウザ操作を自動化するためのライブラリおよびCLIツールです。このようなライブラリはpuppeteerやseleniumも有名ですね。 主にNode.jsライブラリとして開発されていますが、python用のplaywright-pythonもあり、今回はこちらを使います。 Lambda コンテナの準備使用したbaseイメー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mock APIs | Playwright Python
Release v1.34.0 · microsoft/playwright
自分だけの小さなSelenium「Olenium」を作って始める、ブラウザ自動化技術の理論と実践
[BUG]Force update · Issue #1221 · microsoft/playwright-python
Docker | Playwright Python
Locator | Playwright Python
Release v1.23.0 · microsoft/playwright
