Future Tech Blog
フューチャー技術ブログ
Home
Tags
E2Eテスト
E2Eテスト
タグの記事
13
投稿
5
著者数
462
総シェア数
87
Twitter
1
Facebook
189
はてブ
185
Pocket
Playwrightでなぜかボタンにヒットしない
getByRoleでボタンがヒットしないです、という相談を受けて調べた内容のメモです。次のようなHTMLになっていました。
2024.10.24
Playwright
E2Eテスト
フロントエンド
accessibility
ツイート
シェア
1
2
[入門]Webフロントエンド E2E テスト を出版しました
[入門]Webフロントエンド E2E テスト ――PlaywrightによるWebアプリの自動テストから良いテストの書き方まで をフューチャーの有志と共に出版いたしました。
2024.07.01
Playwright
E2Eテスト
出版
書籍
ツイート
シェア
16
8
アクセシビリティに考慮した出力値のHTMLマークアップ
以前書いたCypressの記事で、アクセシビリティ情報を使うことで壊れにくくなるよ、と(今では当たり前のようにみんな言っていますが)いう記事を書きました。この時は出力に使うべきロールが何か?というのがわかっていませんでした。> サーバーからとってきた動的な値を表示するテキスト
2023.10.03
Playwright
E2Eテスト
accessibility
HTML
ツイート
シェア
2
1
ChatGPTでE2Eテストコード自動作成
9/7に行われた技育CAMPアカデミアというイベントでPlaywrightについて話をしてきました。テストというと、設計手法であるところのテスト駆動開発は別としてちょっと業務っぽい感じがして学生さんにはちょっと響かないかな、というのも心配でしたが
2023.09.25
登壇レポート
Playwright
E2Eテスト
Cypress
ChatGPT
技育CAMPアカデミア
プロンプトエンジニアリング
ツイート
シェア
4
5
イチ押し。Playwrightの快適機能
Playwright連載3日目の今回は、その便利機能たちをCypressと比較しながら紹介します。Cypressで馴染みの便利機能がPlaywrightではどう実現されているのか、E2Eテストに関わる関係者の悩みを解決するどんな便利機能が備わっているのか、詳しく見てみましょう。
2023.08.24
Playwright
E2Eテスト
フロントエンド
ツイート
シェア
5
13
Playwright連載始まります
現在人気が高まりつつあって、Cypressを追い抜こうとしているのがPlaywrightです。かなりCypressを意識して機能追加を行なってきている印象があります。現時点では...
2023.08.21
Playwright
E2Eテスト
フロントエンド
Cypress
ツイート
1
40
29
CypressでAPIの実行、異常系のテストを行う
フューチャー技術ブログでも何度か取り上げているCypressですが、私も最近触り始めました。今回取り上げたいテーマは、フロントエンドアプリケーションで、特定の画面に表示する情報をサーバーから取得する機能や、ボタンを押すとバックエンドサーバーなどにHTTPリクエストを送信するような機能が実装されている場合の話です。
2021.08.10
E2Eテスト
Cypress
Node.js
32
シェア
1
7
Cypress - 書きやすいテストの秘密と独自コマンドの実装
@testing-library/cypressの存在を知らずに、それっぽいものを作ろうとしたときにいろいろ調査した記録です。Cypressにはテストコードが縦と横に短くなる工夫がされており、そのメカニズムにしたがった独自コマンドを実装するにはコツが必要です。実装は次のところにありますが、@testing-library/cypressの方がメンテされているので、こちらは実際には使わないのをお勧めします。https://gitlab.com/osaki-lab/cypress-aria
2021.04.28
登壇レポート
E2Eテスト
Cypress
TechNight
28
シェア
56
33
保守・拡張をしやすいカプセル化したCypress
Future Tech Night #8というイベントで、E2EテストをCypressで快適に行う方法を紹介しました。文字起こし兼補足として投稿します。壊れやすい上に読みにくくなりがちなE2Eテストは、cypressのCustom Commandsなどでカプセル化すると読みやすくなおしやすい。
2021.04.28
登壇レポート
E2Eテスト
可読性
Cypress
TechNight
3
シェア
3
4
Cypress - 設定編
Cypressの設定周りについて紹介します。何も手を加えないデフォルトでも動作はする
2021.04.28
登壇レポート
E2Eテスト
Cypress
TechNight
2
シェア
2
5
Cypress入門~初心者でも簡単にE2Eテストが作れる~
皆さんは普段どのようにE2Eテストを行っていますか?忍耐強く手動でポチポチ画面を触って...というのはなかなかにしんどいですよね。自動化ツールを使って楽したいけど難しくてよくわからない、という方もいらっしゃると思います。本記事では、テスト自動化ツールを全く使ったことのなかった私が、テスト自動化ツールである[Cypress]の導入から基本的な使い方までをご紹介していきます。
2021.04.28
JavaScript
登壇レポート
E2Eテスト
Cypress
TechNight
21
シェア
12
32
アクセシビリティ情報を使った壊れにくいE2Eテスト
E2Eテストはみんなしていますか?正直言うと、僕はあんまり好きじゃなかったです。お仕事では他の人が入れてくれたものが回っていたりしますが。前職で、SikuliXを使って社内向けのデスクトップアプリケーションのE2Eテストにトライしたことがあるんですが、すぐに壊れて動かなくなるので、費用対効果が出せなくてあきらめました(一人プロジェクトだったのもあります)。* 絵でマッチングを行うのでボタン画像をいっぱいスクショをとっていく必要がある
2021.02.26
登壇レポート
テスト
E2Eテスト
accessibility
Cypress
HTML
Node学園
1
シェア
27
24
打鍵テストをCIで回す:Cypress on GitHub Actions
つらい打鍵テストをCIで回して、テスト結果をWebダッシュボードでチーム内に共有しようというお話です。
2020.01.15
テスト
E2Eテスト
Cypress
CI/CD
GitHubActions
ツイート
シェア
20
22
1