並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 118件

新着順 人気順

playwrightの検索結果41 - 80 件 / 118件

  • Playwright for Python: ブラウザ操作を自動化しよう! - kakakakakku blog

    ブラウザ操作を自動化して,E2E (End to End) テストやスクレイピングをするときに使えるライブラリ Playwright を試す.Playwright の特徴としてまず「クロスブラウザ」があり,Chromium / Firefox / WebKit をサポートしている.また「複数言語」という特徴もあり,Node.js / Python / Java / .NET をサポートしている.今回は Playwright for Python を前提にする. playwright.dev Playwright の前に 過去の経験を思い出すと,Capybara + PhantomJS で E2E テストを実装していた(2015-2016年頃でなつかしい!).また最近だと Puppeteer や Amazon CloudWatch Synthetics を使う機会も増えている.しかし,個人的

      Playwright for Python: ブラウザ操作を自動化しよう! - kakakakakku blog
    • 【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のフィルター機能 ま

        【Playwright】v1.4系の新機能まとめ - RAKUS Developers Blog | ラクス エンジニアブログ
      • Playwright を使用したエンドツーエンド テストの概要

        エンドツーエンド テストの概要:Playwright。 Playwright は、Microsoft がオープンソースとして開発したエンド ツー エンド テスト用フレームワークで、モダンな Web アプリのテストに使用します。 この 6 部構成のシリーズでは、インストールから、テストの実行、記述、デバッグまで、関連するすべてを取り上げます。 Playwright を使うと、モダンな Web アプリに信頼性の高いエンドツーエンド テストを実行できます エンドツーエンド テストの概要:Playwright。 Playwright は、Microsoft がオープンソースとして開発したエンド ツー エンド テスト用フレームワークで、モダンな Web アプリのテストに使用します。 この 6 部構成のシリーズでは、インストールから、テストの実行、記述、デバッグまで、関連するすべてを取り上げます。 P

          Playwright を使用したエンドツーエンド テストの概要
        • Playwright連載始まります | フューチャー技術ブログ

          E2Eフレームワークとして高い人気を誇ってきたのがCypressです。使いやすいテストランナー、わかりやすいテスト結果、TypeScriptの組み込みサポート、プラグインによる拡張、(Seleniumと比較して)高速な実行などを提供しています。フューチャー社内でも使っているプロジェクトがいくつもあり、過去にCypress連載をブログ上で行い、それがきっかけとなってSoftware Designに連載も行いました。 一方で、現在人気が高まりつつあって、Cypressを追い抜こうとしているのがPlaywrightです。かなりCypressを意識して機能追加を行なってきている印象があります。現時点では特徴的なタイムトラベルデバッガー(過去の履歴すべてを保持しておいて気軽に前後DOMの状態を比較したりできる)、スクリーンショット、どちらもExperimentalなコンポーネントテストなど、できるこ

            Playwright連載始まります | フューチャー技術ブログ
          • ブラウザ拡張のE2Eテストを検討してみた(Playwright、Puppeteer、Cypress) - Techtouch Developers Blog

            この記事はテックタッチアドベントカレンダー 8 日目の記事です。 フロントエンドエンジニアの taka です。Amazon Black Friday でフットウォーマーを買ったのですが、冷え性の自分には最高でした。冷え性の方には是非使ってみてもらいたいです。 今回は、モダンなツールである Playwright と Puppeteer、Cypress を実際に触ってみたので、そこから得られた知見を紹介したいと思います。 要件の整理 一般的な要件 テックタッチ特有の要件 機能ごとの比較 テストツールの有無 複数タブ / ウィンドウ ShadowDOM ブラウザ拡張 要素の特定 スクリーンショット 動画 実行速度 まとめ 要件の整理 テックタッチはブラウザ拡張であるため、一般的な Web アプリケーションとは少し要件が異なってきます。以下に、一般的な要件とテックタッチ特有の要件を書き出しました。

              ブラウザ拡張のE2Eテストを検討してみた(Playwright、Puppeteer、Cypress) - Techtouch Developers Blog
            • GitHub - microsoft/playwright-test: Build a cross-browser end-to-end test suite with Playwright.

              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                GitHub - microsoft/playwright-test: Build a cross-browser end-to-end test suite with Playwright.
              • GitHub - microsoft/playwright-cli: CLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.

                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                  GitHub - microsoft/playwright-cli: CLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.
                • Puppeteer, Selenium, Playwright, Cypress - how to choose? - AI-driven E2E automation with code-like flexibility for your most resilient tests

                  Puppeteer, Selenium, Playwright, Cypress – how to choose? At Testim, a lot of what we do is build  AI-based features on top of automation frameworks to add stability,… At Testim, a lot of what we do is build  AI-based features on top of automation frameworks to add stability, accelerate test creation, and improve root-cause analysis. We evaluate a number of test automation frameworks to understand

                    Puppeteer, Selenium, Playwright, Cypress - how to choose? - AI-driven E2E automation with code-like flexibility for your most resilient tests
                  • Fast and reliable cross-browser testing with Playwright 🎭

                    Web developers today are shipping faster. Web apps are becoming increasingly sophisticated and run across all devices — our phones, tablets and desktops — each running a different browser engine. This increase in velocity and targets puts immense pressure on the testing process: automated cross-browser testing has become more important than ever. Automated end-to-end tests can be incredibly powerf

                      Fast and reliable cross-browser testing with 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環境でのマニュアルテストのサポートとして利用されています。

                        mablからPlaywrightに移行しました - LegalOn Technologies Engineering Blog
                      • Playwright で一番小さく始める VRT と、次のステップの選択肢

                        2024/02/21 ビジュアルリグレッションテストツール4選!ユーザーが語る各ツールのメリット で発表したスライドです。 https://trident-qa.connpass.com/event/308664/ 参照したURL - https://playwright.dev/docs/test-snapshots - https://zenn.dev/mh4gf/articles/tiny-vrt-with-github-actions - https://tech.route06.co.jp/entry/2023/03/29/080000

                          Playwright で一番小さく始める VRT と、次のステップの選択肢
                        • ビジュアルリグレッションテストのすすめ

                          日々いろいろなWebサイトの制作や修正を対応していく中で、修正したページとは関係ない(と思っていた)ページで表示が崩れてしまったことってありませんか? 私はたびたび経験があります。 毎回目視で全ページをチェックすれば防げるのかもしれませんが、それは現実的ではありません。 自動で全ページをチェックしてくれて不具合があれば教えてくれる、そんな便利なツールがあればと何度も思いました。 どうやら現代の技術でそれは作れるみたいです。ビジュアルリグレッションテストというらしいです。 ビジュアルリグレッションテストとは ざっくりいうと「見た目の比較」をするテストのことです。 変更前のWebサイトのスクリーンショットを用意しておき、変更後のスクリーンショットを撮り比較することで、どこが変わったか差分を表示し確認することができます。 どうやって使うの ビジュアルリグレッションテストを導入するための方法はいく

                            ビジュアルリグレッションテストのすすめ
                          • Portable stories for Playwright Component Tests

                            Storybook is the industry standard workshop for building, documenting, and testing UI components. It’s used by leading development teams at organizations like Shopify, Gov.UK, and NASA. One of the biggest benefits of developing in Storybook is that you get tests for free. Each isolated component example—or “story”—is a UI test. And if you want to test data fetching and user interactions, Storybook

                              Portable stories for Playwright Component Tests
                            • Learn Playwright & Puppeteer | Checkly

                              Tips, tricks, and in-depth guides from the trenches. Learn how to use the popular open-source browser automation frameworks, Playwright and Puppeteer. This guide provides detailed information and examples how you can write high-quality scripts for testing and synthetic monitoring. Getting Started Have a look at how Playwright & Puppeteer work, what similarities they share, as well as the noticeabl

                              • PlaywrightをGitHubActions実行したときの初期処理についての試行錯誤 | フューチャー技術ブログ

                                Playwright連載5日目です。 近年PlaywrightやCypressを用いたE2Eテスト(エンドツーエンドテスト)が行われるようになってきました。 E2Eテストとはソフトウェアやシステムの全体的な動作や機能をテストする手法で、ユーザーが実際に行う操作を模倣したテストを行い、アプリケーションが予想通りに機能するかどうかを確認していきます。 具体的な操作手順をテストケースとして作成し、予期される結果との整合性を確認していくわけです。バグの早期発見のためにも、E2Eテストの自動化を行い、さらにはCIに組み込み定期的に実行していきたい。そしていざ組み込んでみると、CIの実行時間が気になってきます。 テスト自体の実行時間も短縮を行っていきたいですが、テストが始まるまでのイニシャライズ、初期処理の時間もそこそこ掛かってしまうもの。 今回はどのように設定していけば処理時間が短くなるか。試行錯誤

                                  PlaywrightをGitHubActions実行したときの初期処理についての試行錯誤 | フューチャー技術ブログ
                                • GitHub - kolodny/safetest

                                  Safetest is a powerful UI testing library that combines Playwright, Jest/Vitest, and React for a powerful end-to-end testing solution for applications and component testing. With Safetest, you can easily test the functionality and appearance of your application, ensuring that it works as expected and looks great on all devices. Safetest provides a seamless testing experience by integrating with yo

                                    GitHub - kolodny/safetest
                                  • Microsoft Releases Playwright Cross-Browser End-to-End Test Runner

                                    How to Use Multiple GitHub Accounts Git is a popular tool for version control in software development. It is not uncommon to use multiple Git accounts. Correctly configuring and switching Git accounts is challenging. In this article, we show what Git provides for account configuration, its limitations, and the solution to switch accounts automatically based on a project parent directory location.

                                      Microsoft Releases Playwright Cross-Browser End-to-End Test Runner
                                    • GitHub - testimio/root-cause: 🔍 [DEPRECATED] Root Cause is a tool for troubleshooting Puppeteer and Playwright tests. 🔎

                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                        GitHub - testimio/root-cause: 🔍 [DEPRECATED] Root Cause is a tool for troubleshooting Puppeteer and Playwright tests. 🔎
                                      • PlayWright を使ってE2Eテストを書いてみた | Tech Blog | CRESCO Tech Blog

                                        こんにちは。クロステック・オフィスの benishouga です。 この記事は「CRESCO Advent Calendar 2020」20日目の記事です。 今回は PlayWright というライブラリについて、調べる機会があったので、PlayWright とは?という説明を少しと、簡単な使い方として「ユーザー操作を記録してのコード生成」「マルチブラウザ向けの E2E テスト」を行ってみたいと思います。

                                        • テスト自動化のために作られたIDE「Aqua」、JetBrainsが正式公開。Webインスペクタ、HTTPクライアント、テストランナー、デバッガーなど統合。個人向けは無料

                                          テスト自動化のために作られたIDE「Aqua」、JetBrainsが正式公開。Webインスペクタ、HTTPクライアント、テストランナー、デバッガーなど統合。個人向けは無料 JetBrainsは、テスト自動化のためのテストコード作成や自動テストの実行などに最適化した統合開発環境「Aqua」の正式版を公開しました(β版登場時の機能紹介)。 Aquaはテスト自動化でよく使われるJava、Python 、JavaScript、TypeScript、Kotlin、SQLなどの言語と、Selenium、Playwright、Cypressなどの主要なフレームワークをサポート。 クラスやシンボルなどを認識するスマート検索や、安全な名前の変更と削除、メソッドの抽出、変数の導入、変数またはメソッドのインライン化などのリファクタリング支援機能も備えています。 JUnit、TestNG、Pytest、Jest、

                                            テスト自動化のために作られたIDE「Aqua」、JetBrainsが正式公開。Webインスペクタ、HTTPクライアント、テストランナー、デバッガーなど統合。個人向けは無料
                                          • 【Playwright 入門】Playwrightで始めるE2Eテスト - RAKUS Developers Blog | ラクス エンジニアブログ

                                            はじめに こんにちは!フロントエンド開発課のkoki_matsuraです。 この記事では、E2Eテストフレームワークとして用いられるPlaywrightのインストールといくつか基本的なテストコード、最後に拡張機能についてもご紹介させていただきます。これからPlaywrightでテストを書きたい人、E2Eテストに少しでも興味を持っていただける方に読んでいただけると幸いです。 目次は次の通りになっています。 はじめに Playwrightとは インストール 簡単なテストを書いてみよう Playwrightの設定を編集しよう 別タブを開くテストを書こう 別タブをコードから開くケース 別タブをリンクから開くケース リクエスト・レスポンスをテストしよう モックを使ってテストしよう Playwright拡張機能を使おう テストの実行 実行ブラウザの変更 ヘッドレスモードの選択 要素の取得 テストコード

                                              【Playwright 入門】Playwrightで始めるE2Eテスト - RAKUS Developers Blog | ラクス エンジニアブログ
                                            • GitHub - checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script

                                              You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                GitHub - checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script
                                              • Announcing Playwright for Python: Reliable end-to-end testing for the web - Python

                                                Announcing Playwright for Python: Reliable end-to-end testing for the web Automated end-to-end tests are a powerful tool for your team to ship faster and with more confidence. End-to-end tests automate UI interactions and can validate the functionality of your applications. To this end, we are announcing Playwright for Python in preview today. Playwright enables developers and testers to write rel

                                                  Announcing Playwright for Python: Reliable end-to-end testing for the web - Python
                                                • Vercel + Next.js + PlaywrightでOGP画像を自動生成する

                                                  Twitter や Facebook など、SNS 上で Web サイトをシェアしたときに表示される OGP 画像。 あらかじめ静的ファイルとしてサーバーに配置されることも多い一方で、画像をサーバー側で動的に生成することができれば、より自由度高く、視覚に訴える OGP 画像で PR することができます。 追記 2022-05-18: 下記の問題は既に解消済みです 🎉 2021-05-25: Vercel 内部で使用されている @vercel/nft の影響で playwright が利用できない状況になっています。playwright-core support を追加した pull request がマージされているので、そのうち解決すると思われます。 https://github.com/vercel/nft/issues/211 https://github.com/vercel/n

                                                    Vercel + Next.js + PlaywrightでOGP画像を自動生成する
                                                  • Release v1.22.0 · microsoft/playwright

                                                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                      Release v1.22.0 · microsoft/playwright
                                                    • Puppeteer使いがPlaywrightを使ってみて感じた利点

                                                      ブラウザの自動操作にPuppeteerを利用しているが、試しにPlaywrightを使ってみたら良いと思う点が多かったのでまとめた。正直な感想を言うと、「ほぼ上位互換では?」と思うくらいには良い点が多かったし、悪い点は見つからなかった。同じ作者の後発なだけはある。 なお、Puppeteer歴1年、Playwright歴1日で書いているので、変な箇所があればご指摘ください。 利用バージョン Puppeteer : 5.5.0 5.4.1 Playwright : 1.8.0 便利だと思った点 とても柔軟なselector Puppeteerはpage.$x()など一部でXPath selector が利用できるものの、page.click()やpage.$eval()など多くの関数ではCSS selectorしか利用できなかった。 しかし、Playwrightでは、selectorを利用する

                                                        Puppeteer使いがPlaywrightを使ってみて感じた利点
                                                      • Playwright を使用してMicrosoft Edgeで自動化とテストを行う - Microsoft Edge Developer documentation

                                                        Playwright ライブラリは、1 つの API を介してブラウザー間の自動化を提供します。 Playwright は、Chromium 、Firefox、WebKit を 1 つの API で自動化するためのNode.jsライブラリです。 Playwright は、常緑、対応、信頼性、高速のクロスブラウザー Web オートメーションを可能にするために構築されています。 Microsoft Edge はオープンソースのChromium Web プラットフォーム上に構築されているため、Playwright は Microsoft Edge を自動化することもできます。 Playwright は既定で ヘッドレス ブラウザー を起動します。 ヘッドレス ブラウザーでは UI が表示されないため、代わりにコマンド ラインを使用する必要があります。 また、完全 (ヘッドレスではない) Micr

                                                          Playwright を使用してMicrosoft Edgeで自動化とテストを行う - Microsoft Edge Developer documentation
                                                        • Playwright でコンポーネントテスト

                                                          Playwright は Cypress Puppeteer と並ぶ E2E テストのための Node.js フレームワークです。Chromium, Chrome, Edge, Firefox, Webkit (Safari)と多くのブラウザに対応しているという特徴があります。 そんな Playwright ですが v1.22.0 から React,Vue.js,Svelte のコンポーネントに対してテストを実行できるようになりました。つまり、もともと備えていた E2E レベルのテストに加えて、結合レベルのテストまでカバーできるようになったということです。 Playwright のコンポーネントテスティングの特徴と使い方を見ていきましょう。 Playwright でテストを書くメリット 現状フロントエンドにおいて、コンポーネントテスティングを実施する際に使用されるフレームワークとして Te

                                                            Playwright でコンポーネントテスト
                                                          • つかこうへい - Wikipedia

                                                            つか こうへい(本名・日本名:金原 峰雄(かねはら みねお)、韓国名:金 峰雄(キム・ボンウン、朝鮮語: 김봉웅)1948年〈昭和23年〉4月24日 - 2010年〈平成22年〉7月10日)は、日本で活動した韓国国籍の劇作家、演出家、小説家。 福岡県嘉穂郡嘉穂町(現・嘉麻市)牛隈生まれ。慶應義塾大学文学部哲学科中退。★☆北区つかこうへい劇団主宰。生前は東京都北区に在住し、同区の親善大使も務めた。血液型A型。 経歴[編集] 生い立ち[編集] 旧福岡県嘉穂郡嘉穂町に在日韓国人2世として誕生[2]。三男一女の二男。 高校卒業までを筑豊で過ごし、嘉穂町立大隈小学校、嘉穂町立大隈中学校を経て、福岡県立山田高等学校を卒業。高校時代は新聞部の部長を務め、「反逆児」と題した社会の流行や通俗的な考えを批判するコラムなどを執筆していた。浪人して上京し、慶應義塾大学文学部哲学科に進学する[2][3](後に中退)

                                                            • Playwright 入門

                                                              はじめに Node.js 使ってスクレイピングする必要があったので、Playwright を使ってみました。 Playwright 使ってスクレイピングする時、こんな感じで使い始めたらいいんじゃないかなーと思う方法をまとめます。 Playwright Playwright の公式サイトによると、Fast and reliable end-to-end testing for modern web appsらしいです。 いろんなブラウザ、いろんな OS、いろんなプログラミング言語に対応してて、いい感じです。 他のツールないか調査してみたんですが、観測範囲では、今(2022 年)はじめるなら、Playwright 一択な雰囲気でした。 公式ドキュメントが充実してるので、基本的にはそれをみながら試すのが良いのかなと思います。

                                                                Playwright 入門
                                                              • テスト自動化ツールのPlaywrightでインタラクションスクリプトの記録と再生、テストビデオのキャプチャが可能に

                                                                Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

                                                                  テスト自動化ツールのPlaywrightでインタラクションスクリプトの記録と再生、テストビデオのキャプチャが可能に
                                                                • PlaywrightによるE2Eテスト自動化を導入したので各種構成とtipsをご紹介

                                                                  株式会社シャペロンのsrkwです。 シャペロンでは昨年、Playwrightを使ったE2Eテストによる各種機能の検証の自動化を導入しました。 E2Eテスト導入の背景や、チームへの浸透に向けた取り組みと反省等については別の記事で紹介しているので、興味のある方はこちらも併せてご覧ください。 この記事では、シャペロンの日次のE2Eテスト実行を支えるインフラ構成と、PlaywrightによるE2Eテスト導入によって溜まったtipsをご紹介したいと思います。同じようにPlaywrightを使ったE2Eテスト導入を検討している、あるいは導入済みで格闘している方にとって、少しでもお役に立てると嬉しいです。 日次のE2Eテスト実行を支えるインフラ構成 前提:Shaperonのテナント構成 シャペロンは製薬企業向けのコミュニケーション用SaaS、Shaperonを提供しており、Shaperonは利用テナント

                                                                    PlaywrightによるE2Eテスト自動化を導入したので各種構成とtipsをご紹介
                                                                  • playwright(Node.js) で E2E テスト!

                                                                    const { chromium, devices } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage({ ...devices['iPhone 11 Pro'] }); await page.goto('https://m.yahoo.co.jp'); await page.screenshot({path: './screenshot.png', fullPage: true}); await browser.close(); })() 各 API について 全て書くと多すぎるので、使えそうなものだけまとめてみます。 playwright playwright.chromium Chromium ブラウザ

                                                                      playwright(Node.js) で E2E テスト!
                                                                    • 2021年現在、Puppeteerを使う理由はなくなった。Playwrightを使おう。

                                                                      (たんなるポエムです) 個人的に、 puppeteer-ruby と playwright-ruby-client という2つのOSSを育てている。 puppeteer-rubyは Google Chromeチームによる元祖Puppeteer をまるっとRubyで再実装したライブラリで、playwright-ruby-clientは PuppeteerからフォークしてMicrosoft(のなかの元Chromeチームメンバー)が育てているPlaywright のクライアントAPIをRubyで実装したライブラリだ。 実装において、puppeteerやplaywrightのソースコードをそれなりに読んでいる。 Playwrightの唯一の欠点(= Puppeteerの存在意義)がなくなった 個人ブログでこの記事を書いたときには、Playwrightは自身が起動したブラウザしか自動操作できないとい

                                                                        2021年現在、Puppeteerを使う理由はなくなった。Playwrightを使おう。
                                                                      • PlaywrightでフロントエンドのE2Eテストを自動化してみた話

                                                                        TL;DR Playwrightは導入コストが高くはない ひとまずスクリーンショットを全ページ撮るだけでも、QAの工数(もしくは自分の確認する時間)を削減できた 意外とやってみると書ける playwright-cliのコード自動生成が非常に便利! きっかけ プロジェクトでPlaywrightのフロントエンドのE2Eテストを書かせていただく機会がありました。 導入〜テストケース作成〜実装までやらせていただいて、知見がある程度溜まったので まとめてみることにしました。 至らぬ点もあるかと思いますが、その際はご指摘いただけますと幸いです。 ざっくりブラウザテストのこれまで 参考:https://blog.logrocket.com/playwright-vs-puppeteer/ Selenium ブラウザテストの自動化自体は新しい技術ではなく、2004年ごろからSeleniumがあった しかし

                                                                          PlaywrightでフロントエンドのE2Eテストを自動化してみた話
                                                                        • 劇作家 - Wikipedia

                                                                          劇作家(げきさっか、英: playwright、dramatist)は、演劇の上演のために書かれる戯曲の作者。戯曲家と呼ばれることもある。日本においては演出家を兼ねている者が多い。現在までその作品が残っている最も古い劇作家としては、紀元前5世紀頃のアイスキュロス、ソフォクレス、エウリピデスなどの古代ギリシアにおける悲劇作家達が挙げられる。その作品である戯曲は、通常は俳優によって観客の前で演劇として上演するために執筆される。戯曲の中には、上演を目的とせず読まれることを目的に書かれたレーゼドラマや、戯曲の形式をとってはいるが上演は意図していない作品もある。 歴史上の劇作家[編集] 西洋文学において、今日まで伝えられている最も古い劇作家は、古代ギリシアの劇作家たちである。こうした初期の演劇は、紀元前5世紀ころにアテナイで毎年開催されていた劇作家たちの競技のために書かれたものであった[1]。アイス

                                                                          • Vite でマルチページを Playwright でテストする

                                                                            モチベーション ドキュメントに載せるサンプルコードを E2E テストできるようにしたい Vite でマルチページ使いたい index.html と main.ts の組み合わせ Playwright で E2E テストを実行したい 戦略 src/index.html でそれぞれのサンプルに飛べるようにしたい env.local で必要な設定を指定できるようにしたい VITE_ を使う src/spam や src/egg とサンプル毎に細かく index.html と main.ts を用意したい vite 時はいいが、vite build 時に困るので対応する必要がある vite.config.js で rollupOptions の input を設定をする必要がある エントリーポイントを src/ 以下にしたい root で設定する .env のパスは root を変更するとそこに影

                                                                              Vite でマルチページを Playwright でテストする
                                                                            • 入門者でも安心、Playwrightで驚くほど簡単にブラウザテストを行う | アールエフェクト

                                                                              本文書ではブラウザを利用したテスト自動化ツールを利用した経験がない人、これから Playwright を使ってみたいという人を対象に Playwright の基本的な操作方法について説明を行っています。Vue と React のプロジェクトでの Playwright の利用方法についても後半に説明しています。 Playwrightとは Playwright は WEB アプリケーションのテストを自動化するオープンソースのテストツールです。Playwright ではユーザが実際にブラウザを利用して WEB アプリケーションの操作を行う代わりにプログラムを通してブウラザ(Chromium、Firefox、WebKit)を動かすことで WEB アプリケーションのテストを行います。ツールを利用しない場合は機能を追加/更新する度に開発者がブラウザでページを開き動作確認を行う必要があります。Playw

                                                                                入門者でも安心、Playwrightで驚くほど簡単にブラウザテストを行う | アールエフェクト
                                                                              • GitHub - microsoft/playwright-python: Python version of the Playwright testing and automation library.

                                                                                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                                  GitHub - microsoft/playwright-python: Python version of the Playwright testing and automation library.
                                                                                • Web Automation: Don't Use Selenium, Use Playwright

                                                                                  For web automation/testing, Selenium has been the de facto "standard" since forever. It's simple to get started with and supports almost every programming language. My problem with it has been: It's good enough, but nothing more. It doesn't work that well with modern, Javascript framework heavy sites (Angular, React etc). I'm not saying it doesn't work-- just not too well. Another issue: While Sel

                                                                                    Web Automation: Don't Use Selenium, Use Playwright