Playwright タグの記事

11
投稿
5
著者数
247
総シェア数
0
Twitter
1
Facebook
136
はてブ
110
Pocket

［入門］Webフロントエンド E2E テストを出版しました

[入門］Webフロントエンド E2E テスト ――PlaywrightによるWebアプリの自動テストから良いテストの書き方までをフューチャーの有志と共に出版いたしました。

data-testidはいつ使うべきか？そもそも使うべきなのか？

Playwrightあるいはそのロケーターの元ネタとなっているTesting Libraryでは、DOMを指定する方法として data-testid 属性を扱ったクエリーを提供しています。

アクセシビリティに考慮した出力値のHTMLマークアップ

以前書いたCypressの記事で、アクセシビリティ情報を使うことで壊れにくくなるよ、と（今では当たり前のようにみんな言っていますが）いう記事を書きました。この時は出力に使うべきロールが何か？というのがわかっていませんでした。> サーバーからとってきた動的な値を表示するテキスト

ChatGPTでE2Eテストコード自動作成

9/7に行われた技育CAMPアカデミアというイベントでPlaywrightについて話をしてきました。テストというと、設計手法であるところのテスト駆動開発は別としてちょっと業務っぽい感じがして学生さんにはちょっと響かないかな、というのも心配でしたが

クライアント/サーバ構成でみるPlaywright

Playwrightはさまざまな言語でテストを記述することが可能です。このような他言語展開を可能にしているPlaywrightのアーキテクチャについて調べてみました。

PlaywrightをGitHubActions実行したときの初期処理についての試行錯誤

近年PlaywrightやCypressを用いたE2Eテスト（エンドツーエンドテスト）が行われるようになってきました。E2Eテストとはソフトウェアやシステムの全体的な動作や機能をテストする手法で...

Playwrightのテストランナーを他のテストライブラリと比較する

テスティングフレームワークには大きく2つの流派があります。ひとつはJUnit、あるいはその祖先の　SUnitをベースにしたTDDスタイルものです。TDDスタイルはテスト関数、もしくはメソッドを実行します。

イチ押し。Playwrightの快適機能

Playwright連載3日目の今回は、その便利機能たちをCypressと比較しながら紹介します。Cypressで馴染みの便利機能がPlaywrightではどう実現されているのか、E2Eテストに関わる関係者の悩みを解決するどんな便利機能が備わっているのか、詳しく見てみましょう。

Playwrightの環境構築（VSCode Dev Containers編）

VSCode Dev Containersを利用してPlaywrightの実行環境をコンテナ上に構築する手順を説明します。

Playwrightのインストール方法と使い方

Playwrightは、Microsoftが開発したE2Eテストフレームワークです。Cypressと同様に、Chromium、Firefox、Safariなどのブラウザ上でE2Eテストの実行を自動化できます。

Playwright連載始まります

現在人気が高まりつつあって、Cypressを追い抜こうとしているのがPlaywrightです。かなりCypressを意識して機能追加を行なってきている印象があります。現時点では...

1