Zennの「E2E」のフィード

Magicpodで繰り返し処理が使えるようになりました！

shige_s — Thu, 27 Mar 2025 00:30:01 GMT

こんにちは！アルダグラムでエンジニアをしているshige_sです今回、Magicpodに新しくリリースされた「繰り返し処理」機能についてご紹介します。また、弊社でのE2E自動テストの取り組みについても触れながら、この機能の活用方法をお伝えします。繰り返し処理とは「繰り返し処理」は、特定の条件が満たされるまで処理を繰り返すことができる新機能です。例えば、以下のようなケースで活用できます。カレンダーUIで特定の年月が表示されるまで「月送りボタン」を押下する弊社では、カレンダーUIを操作するシナリオが多く存在していました。これまでは、毎月「特定の日付」をクリックする際に、ロケ...

約3日でE2E環境をPlaywrightで構築して、定常テスト工数を半分以上減らしたこと

miyaken85 — Fri, 21 Mar 2025 07:00:01 GMT

要約定常テストに時間がかかりすぎて不具合も多くなり、リリース頻度も下げざるを得ない！助けて！そうだ、E2Eテスト環境を作って定常テストを自動化させよう！ツールはPlaywrightを使おう！めっちゃ簡単に作れるやーん！半年続けてみた！課題もあるが、全体的に最高やな！はじめにこんにちは！イノベーション開発チームのmiyaken85です！今回は、以前、弊社が運営するITトレンドの定常テストを自動化させる際、Playwrightを用いてE2Eテスト環境を作った時の話と、約半年間運用してみた結果をお話しできればと思います。 ! 記事内に結合テストというワードが出てきます...

【Cypress】要素が被ってクリックできないと言われた

iizk — Mon, 24 Feb 2025 07:22:06 GMT

エラー内容 cypressで要素を取得し、クリックしようとしたところ、要素が被りクリックできないと言われました。実装はこんな感じです。 sample.cy.ts cy.get('[data-cy="target-element"]').click() // 後続のテスト cypressのエラーから、clickメソッドにforceオプションをつけてあげることで解決できると言われましたが、テストとして本質的でないような気がしたので少し調べてみました。何が起きているか見てみたところ、getメソッドで取得してきた要素が画面上部にポジショニングされてしまい、そこにヘッダーが...

Appium Flutter DriverがAppiumで動作するように改良してみた

まさほり — Mon, 03 Feb 2025 22:01:02 GMT

Appium Flutter Driverを改良し、Appium Inspectorを“automationName":"flutter”で動作するようにしてみた 1. はじめに Flutterは近年、モバイルアプリ開発の主流なフレームワークの一つとして急速に普及しています。その一方で、モバイルアプリのテスト自動化においても、Flutterアプリを効率的にテストできるツールが求められています。そこで今回は、FlutterアプリをAndroidやiOSのアプリとしてテストするのではなく、Flutterアプリとしてテストする方法を探ってみました。 2. 背景モバイルアプリのテ...

WireMockでネストしたRequestBodyのmatch

TetoTeto — Thu, 30 Jan 2025 23:42:54 GMT

はじめに wiremockでネストしたRequestBodyに対してmatchさせる方法を探しました。結論 wiremockのmatchesJsonPathでmatchさせる。 { "request": { ... "bodyPatterns" : [ { "matchesJsonPath" : { "expression": "$..todoItem", "contains": "wash" } } ] ... }, ... } https://wiremock.org/d...

OpenAIから自動操作系エージェント「Operator」が登場！どのような機能を持ち・どのように使えそうかを解説します

まさお@AI駆動開発 — Thu, 23 Jan 2025 23:17:39 GMT

1. Operatorとは？ Operatorは、OpenAIが2025年1月に研究プレビュー版として発表した「自動ブラウザ操作」型のAIエージェントです。通常のChatGPTが「会話で回答を返してくれるチャット型AI」なのに対し、Operatorは自分専用のリモートブラウザを動かし、実際に人間のようにWebサイトをクリックしたり入力したりすることができます。これにより、たとえば下記のような作業を自動化できます。オンラインでのフォーム入力やアンケート回答ネット予約サイトでのレストランやチケット手配ネットスーパーや通販サイトでの買い物 SNSや検索エンジンを利用したリサーチ...

ディープリンクの遷移テストをMagicPodが公式サポートしている方法に置き換えて自動テストの効率化してみた

takky — Tue, 21 Jan 2025 08:23:54 GMT

概要こんにちは！こんばんは！マラソンを完走することを今年の目標の1つにしている、dely株式会社でiOSエンジニアをしているtakkyです！今回は弊社でも利用しているAIテスト自動化クラウドサービスのMagicPodで、ディープリンクの遷移テストを自前で作成していた共通ステップから公式サポートされたステップに変更したことについて、執筆しました。弊社でのMagicPodの運用方針などに関しては、以下の記事を参考にしてください。 https://tech.dely.jp/entry/rewards_qa 現状と課題弊社では、MagicPodで様々なテストケースを定期実行して...

Playwrightで複数ユーザーを使ったテストが素敵に書ける

kenfdev — Sun, 19 Jan 2025 22:30:01 GMT

【複数ユーザーのE2Eテストを楽に！】Playwrightで同時ログインを扱う方法 https://www.youtube.com/watch?v=AP2YD6rllyM 「管理者でログインしたあとに、一般ユーザーに切り替えて同じテストを続行したい！」そんなときに便利なのがPlaywrightで複数BrowserContext を使ったテストです。この記事では、上の動画でシェアしている内容をかいつまんで紹介します。結論から複数のBrowserContext を使うことで、同じテスト内で複数のユーザーをシミュレート可能 Playwrightのセッション保持の仕組みのおか...

gaugeのtableで改行を含む文字列を渡す

TetoTeto — Fri, 10 Jan 2025 23:57:38 GMT

はじめに gaugeでtableを使う時に、文字列に含めた改行を評価させる方法を探した。結論：csvファイルで対応する # gaugeで文字列に含めた改行を評価する ## csvファイルを渡す *結果がである Special Parameter Tables are used to pass table values into steps by using the values from an external CSV file. The syntax of this parameter is as follows: tab...

Playwrightでの要素特定の優先順位

りふ — Fri, 03 Jan 2025 05:45:48 GMT

以下の優先順位で要素特定をすれば良い VSCode拡張のPlaywright Test for VSCodeで利用できるPick locatorで取得する 1.で取得したものが動的に変わる（例えば、テスト実行やユーザーごとに変わる※1）のであれば、data-testidを利用する ※1 以下はPick locatorでは記事名で特定しようとしているが、テスト実行状況で変わってしまう Pick locatorではどのような順番で要素の手段をしているのか以下のロケータ順に探している（と思われる） page.getByRole() to locate by explicit ...

【Playwright】コイツに気をつけろ！6選

Leech — Tue, 24 Dec 2024 03:04:26 GMT

はじめに「操作順は完璧、Debug での動作確認も OK だけど... コマンド実行では失敗してしまう」「Local でコマンド実行 OK だけど... GitHub Actions での実行で失敗してしまう」「成功率・失敗率が半々...」などなど... 私自身、Cypressでの E2E や、Jest + RTLでユニットテストを組んでいたこともあり、Playwrightも大丈夫だろうと思っていましたが、一筋縄ではいかないケースが結構ありましたので、まとめたいと思います！対象読者 Playwrightを使い始めようとしている人調査で手詰まりになってどうしよう...

Playwright運用で役に立つかもしれないTipsたち

saimyon — Sat, 21 Dec 2024 22:00:01 GMT

Social Databank Advent Calendar 2024 の22日目です。こんにちは！saimyonです👶 前回の投稿からだいぶ時間が経ってしまいましたね… みなさま、PlaywrightでE2Eテスト自動化していますでしょうか？私も最近再び力をいれるようになり、その中でやってきたことを共有します。 Viteのホットリロードはやめる最近弊社ではE2Eテスト専用の開発環境を立ち上げ、その中でコンテナ間通信を用いてE2Eテストを実行するようにしています。（以前 CircleCI上でPlaywrightを実行する記事を書いたのですが、現状はそこから変わっています...

BDD のすすめ

うるし — Sat, 21 Dec 2024 11:06:58 GMT

はじめにみなさん、テスト書いてますか？テストって大変ですよね。適切なテストを適切なテストレイヤーに、実装にかかるコストと、実行にかかるコストを鑑みて、配置しないといけません。ユニットテストで実装すべき境界値テストを E2E で実装するのはおかしいのは理解できるとは思いますが、あくまで簡単な例であり、実際のところどちらで実装すべきか曖昧なテストシナリオなんてありふれています。ここでは、ユニットテストではなく、IT (統合テスト) や E2E に足を伸ばしてみないか？という BDD のすすめと題した記事を書かせてもらいます。本来 IT や E2E はテストの足を引っ張りがちなので...

数多あるE2Eテスト自動化ツールからMagicPodを本気で選定した

kuririmaro — Fri, 20 Dec 2024 02:30:01 GMT

※この記事は「COUNTERWORKS Advent Calendar」の20日目の記事です。こんにちは！株式会社COUNTERWORKSのくりまろ(@kuririmaro)です。去年は開発エンジニアとして記事を出しましたが、今年はQAエンジニアとして記事を出します！（去年のアドベントカレンダーはこちら）はじめに弊社では毎週のリリース前にリグレッションテストを実施しています。 QAチームだけでは手が回らないので、開発エンジニアの皆さんの工数も使ってテストを毎週実施しているのですが、めっちゃコストかかりますよね。コストがかかるくせに、毎週絶対バグが見つかるわけでもないし、...

Playwright を使ったE2Eテストの導入

benzoh — Wed, 18 Dec 2024 15:01:05 GMT

! この記事は BABY JOB Advent Calendar 2024 シリーズ1の19日目の記事です。はじめにこの春よりフロントエンドエンジニアとしてキャッシュレス決済サービス「誰でも決済」の開発に携わっております、benzoh です。そしてこの夏、無事にサービスをリリースすることができました！この記事では開発開始から今日までに取り組んだことの中で「Playwright を使ったE2Eテストの導入」について共有したいと思います。特に、QRコードを活用した決済フローのテスト自動化について、実践的な知見を交えながら解説していきます。なお、本記事は Playwright...

Next.js,PrismaのE2EテストをGitHub Actionsで自動化

Milabo Engineers — Tue, 17 Dec 2024 00:47:34 GMT

はじめにこんにちは。株式会社ミラボの開発部に所属している川原です。今回はNext.js(SSR)とPrismaで構築したWebシステムのE2Eテストをご紹介します。背景毎回リリース時に既存機能が正常に動作しているか不安で、主要機能についてはブラウザで同じような動作確認を繰り返していました。これでは時間と労力もかかり確認漏れも発生する恐れもあるため、実際の利用者操作を自動化し確認できるようにしたいと考え、E2Eテスト作成し自動化することにしました。最終目標 Pull Request作成時に、E2Eテストが自動実行されること毎回同じ環境でテストできるように、実行前...

【Playwright × AI】自然言語でブラウザの自動操作ができるStagehandを試してみる

hosaka313 — Mon, 16 Dec 2024 04:33:42 GMT

🎭 はじめに 🤖 Playwrightのコードを書く際、筆者は以下のようにAIを使って書いています。 hoge.page.tsといったファイルに、要素のロケーター（セレクタ）を返すメソッドをまとめたPageオブジェクトを定義（人間） hoge.step.tsといったファイルに、要素に対するアクションをまとめたStepオブジェクトを定義（ほぼAI。間違えない。） hoge.spec.tsに上記を組み合わせたテストケースを書く（AI => 人の手で手直し） PlaywrightのAPIが優秀なこともあって、stepに関してはほぼAIは実装を間違えません。あとは要素の位置を...

Go自動テスト - Testcontainersとrunn を用いたAPIテストの実践-

Reo Uehara — Sat, 14 Dec 2024 01:10:08 GMT

この記事はGo Advent Calendar 2024の 14 日目の記事です🎄 はじめに先日、専用コンテナを利用したユニットテストのアプローチとして、Testcontainers for Goを利用した具体例を紹介させていただきました！ https://zenn.dev/finatext/articles/finatext-advent-calendar-2024-testcontainers-go まだ読んでない人は、ぜひチェックといいねをよろしくお願いします 👍 本記事では、Testcontainers と合わせて、runn を用いた API テスト基盤について詳しく解説し...

テスト勉強してみた

もっくま(Mistletoe) — Wed, 04 Dec 2024 14:35:54 GMT

この記事 is 何この記事ではアジャイル×テスト周りの勉強を最近した際に参考になったスライドや書籍をズラッと紹介します。最近テスティング、自動テスト、テストアーキテクチャについて勉強する必要があり、まとまったinputをしたことがなかったため一気に情報を仕入れました。自動テストの推進などの際に、誰が、どのような観点の検証を、いつ、どこで、どうやって確かめるのか、それらを自動化するのか、の整理の参考になるかと思いますので、参考させていただいた素晴らしい資料たちをぜひご覧いただければと思います。スライド・記事『アジャイルを支えるテストアーキテクチャ設計/Test Arc...

RSpec の Feature Spec を System Spec に置き換えた

hatai — Wed, 04 Dec 2024 03:30:22 GMT

今回は、playwright-ruby-client を導入した際の手順を残したいと思います。弊社ではこれまで E2E テストを RSpec + Capybara + Selenium で行なっていました。しかし、この構成では Flaky の発生頻度が高く実行時間も非常に長かったため、CI 高速化の取り組みの一つとして RSpec + Capybara + playwright-ruby-client + Playwright にリプレースを行いました。 Playwright には以下の利点があり非常に使いやすいです。クロスブラウザテストのサポート: PlaywrightはChr...