最初に STORES 予約 の開発をしているTak-Iwamotoです。 STORES 予約 ではmablを使用して、少しずつE2Eテストを導入し始めています。 この記事ではmablをどのように使用しているのか、利用する上でのtipsなどを書かせていただきます。 mablとは mablはブラウザの操作をレコーディングすることでE2Eテストを作成できるサービスです。 cypressなどはコードでテストを実装する分、実装コストがかかってしまいますが、mablだとブラウザで動作確認するのと同じ要領でテストを実施できます。 STORES 予約 ではユーザーさまにとって影響が大きい予約画面や月謝・回数券の購入などの決済関連を中心に、正常系のみmablでテストを作成しています。 テストの作成方法 説明する必要がないくらいかんたんにテストを作成できますが、作成方法を説明します。 mablのデスクトップア
ハコベルの中村です。 みなさんのチームではE2Eテストをやってますか？このブログでも紹介した通り、印刷サービスの開発チームでもE2Eの記事が出たばかりですが、ハコベルコネクトの開発チームでも同時期にE2Eテストを構築しました。（事業部も違えば、プロダクトのフェーズも違うので、力をいれたいポイントが異なっていて、読み比べするのも面白いと思いますので是非両方読んでいただけると！） ハコベルコネクトの関心としては主にこれらの点でした。 物流業界の幅広いお客様に使って頂くために、IE11などのブラウザでも使えるようにチェックする必要があるが、時間がかかってしまう 機能追加・変更の影響範囲チェック漏れでバグが出にくくしたい フロントエンドのテストとしてブラックボックステストをしたい この課題を軽減するためにE2Eテスト環境の構築をスタートしました。TestCafe + Browserstack とい
はじめに こんにちは21卒のberryです。2021年6月にQA部に配属され、1年ほど基盤開発系のQAをした後、2022年7月からはfreee会計の開発チームでQAをやっています。 趣味は競技プログラミングです。 QA業務ではもちろん手動でのテストもやってきましたが、ユーザーがブラウザに対して行うであろう操作をシミュレートして基本的な機能がきちんと使えるかどうかをテストするE2Eテスト自動化との関わりが深い1年強でした。 freeeには社内向けにカスタマイズされたE2Eテスト基盤が存在するため、多少コードを書き慣れていなくてもE2Eテストシナリオを書くことができます。 E2Eテストの構成については、E2Eテスト基盤そのものを開発・保守しているSEQチームの方が書いている記事もがありますのでそちらも見てみてください。 freeeの自動テストの全体構成 - freee Developers H
CircleCI + Kind による Kubernetes E2E テスト #circlecijp / CircleCI User Community Meetup
CircleCI ユーザコミュニティミートアップで使用したスライドです。 Kind（Kubernetes IN Docker）は、Kubernetes の Node をコンテナ化することで、マルチノードクラスタをローカルで簡単に立ち上げられるようにするツールです。Kind を使用することで、コンテナが動く環境ならどこでも使い捨ての Kuberentes クラスタを作成することができるため、クラスタの動作に依存するようなツールの検証を非常に手軽に行うことができます。発表中ではこの Kind を CircleCI 上で起動させて E2E テストを行う方法を解説しました。 イベント概要：https://circleci.connpass.com/event/140666/
こんにちはかみむらです。 SPAの登場で状態管理が複雑化するに連れて、よりフロントエンドのテストが重要になってきました。 しかし、なかなか導入できていないところが多いのではないでしょうか。その中でもE2Eテストは工数の兼ね合い、優先的にテストできない工程ですよね。 そこで、今回は導入コストが低いCypressで、フロントエンド(React)のE2Eテストについてご紹介します。 Cypressとは？ Cypressはブラウザでのテスト作業を自動化するテストフレームワークです。オープンソースできています。 これまでのE2EテストはSeleniumが主流でしたが、最近はCypressも勢いを増しています。 また、Cypress DashboardというSaaSもあるので、これらをうまく組み合わせることでチームでのテスト効率をあげることに繋がります。 今回はCypressを使ってフロントエンド(R
E2E テストツールの種類 : (*x).b=z->a+y/c
jasmine とか jest とか使ってやる単体テストじゃなくて 実際にブラウザで input に文字を入れたりボタン押したりして DOM がどうなってるかを確認したりするやつです 有名なのは WebDriver を使った Selenium 系です しかし 個人的に Selenium 嫌いなので気が進みません 以前 Selenium を使わずに同じことをするというすごくレアなライブラリを見かけて期待していたのですが それも更新されず非推奨になりました そのときに TestCafe に移行するといいよ みたいなことが書かれてましたが 結局 TestCafe もほぼ使わずいつか使うカテゴリに入って放置でした それから何年か経ってるのでまた調べてみましたが そこまで種類は多くないようです やはり WebDriver (Selenium) を使ったものが多く 新しいものが出ててもこれ系です 異な
HomePHPLaravelLaravel＆CircleCIで継続的インテグレーション。ユニットテスト、静的コード解析、E2Eテストなど。
こんにちは。みなさんテスト書いてますか？ Uzabase FORCAS開発チームです。 今回、FORCASから送っているメールの処理を変更するにあたり、これまで出来ていなかったメールを含むE2Eテストを実施するようにしたので、紹介したいと思います。 課題 MailHog サンプル構成と利用例 DockerでMailHogを立ち上げる サンプルアプリケーション E2Eテスト まとめ 課題 FORCASからのメール送信は、Amazon SESのSMTPインターフェイスを利用しています。 E2Eテストを実施するにあたって、費用面や検証の取り回しを考えると、Amazon SESを利用せずにテストできるようにしたいです。 これが、Amazon SES APIのようなHTTPのAPIを利用してメール送信している場合はWireMock 等でHTTP APIのモックサーバーをたてれば簡単にテストできます。
e2eテスト自動化する - Qiita
この記事はトレタ Advent Calendar 2017 14日目の記事です。 ウェブサイトでやらなきゃいけないことナンバーワンだけどやっていないことナンバーワンのe2eを自動化した話をしたいと思います。 トレタでは飲食店向けの予約サイトをウェブで公開できる機能が付いています。 サービス開始から4年経っていますので様々な機能や設定が当初より増えてまいりました。 それらを毎回手動e2eは大変で忘れてしまうことがあるので、定期実行＆ビルド時の自動e2eテストを作成する必要ができました。 ここで問題になったのが予約完了メールでした。 サイトと予約サーバは別であり、送信されるメールは事前にわからなかったのです。 そこで利用したサービスが mailtrapになります。 こちらは受信箱に送られてきたメールをAPI経由で取得できるというサービスになります。 無料ではダミーsmtpサーバとして動き、送信
HomePHPLaravelLaravel DuskでE2Eテスト（インストール、使い方、Docker/Vagrant環境別のtipsなど）
はじめに 初心者フロントエンドエンジニアをしているRimlと申します。 お久しぶりです。 ふと弊社の分報SlackチャンネルでPlaywrightの話題が上がり、個人的に触れてたのでその知見や溜め込んでた記事は共有したのですが、どうせなら自分の関わってるプロダクトに導入すればいいじゃん！という流れから勝手ながら改善活動として環境構築の方をしました。 何気なくツイートしたら反応がちょっとあった(?) のもあり備忘録にでもなったらいいなと言うことで今回投稿させていただきました！ E2Eテストはローカル環境で行わないためリポジトリを分けて構築します。 注意書き 以下環境にて構築、動作するものを前提にしています。 それぞれ違うものは置き換えて読み進めていただけると幸いです。 環境 MacOS Ventura 13 VSCode Gitlab Runner(Ubuntu 22.04.2 LTS) N
はじめに UIテストにおける潮流 UIテストの自動化の代表格といえば、言わずとしれた Selenium でしょう。 最近では、Selenium をラップして、より使いやすくした Selenide も利用されているケースが増えているように思います。 自分自身も、Selenium のHTMLでテストシナリオを作成できる点や、Selenium IDE との組み合わせの良さに感激し、以前は積極的に利用していたものです。 ただ、上記の ノンプログラミングモデル だと、自由度が低く、ある程度の制限も出てくることから、最近では、WebDriverを利用した プログライミングモデル が主流になっているかと思います。 このモデルは、様々な言語に対応しており、多くの開発プロジェクトで利用できることは良いことなのですが、 プログラミングモデル の場合、個人的には、対応できるテストエンジニアに限りがあったり、メン
Autifyを活用したE2EテストとこれからのQA - LegalOn Technologies Engineering Blog
こんにちは、LegalForce CTOの時武（@tokichieto）です。 今日はLegalForceで行っている品質保証（QA: Quality Assurance）の取り組みについてご紹介します。 LegalForceでは、契約書のレビューや管理を行うためのSaaSを提供しており、サービスのユーザーとなるのは企業の法務部や法律事務所で契約書業務に携わる方々です。契約書を扱う業務システムという性質上、ユーザーから求められるサービス品質の期待値は高く、開発速度を落とすことなく期待に応えられるだけの品質を維持していく必要があります。 しかし、限られた開発メンバーの中でサービスを継続的に改善し、ユーザーに期待感を持たせながら高い品質を保ち続けるのはなかなか困難でした。2019年4月に "LegalForce" を正式版としてリリースした後、開発者の増加に伴って新機能を並行開発するケースも増
Chrome拡張機能のE2Eテストが書いてみたので手法をまとめます。 やってみたこと Chikamichiという閲覧履歴やタブ、ブックマークを横断検索できるChrome拡張機能を作っているのですが、その拡張機能のリファクタリングの前準備として、E2Eテストを実装してみました。 本記事ではサンプルのChrome拡張機能のPopupページを対象にCypressのE2Eテストを実装していきます。 実際のテストコードについてはChikamichiのリポジトリにあるので、そちらを参照してください。 テスト対象のChrome拡張機能の作成 Vitesse-webextというChrome拡張機能のtemplateリポジトリを使ってサンプルの拡張機能を作成します。 任意のディレクトリで以下コマンドを実行してください。 $ npx degit antfu/vitesse-webext e2e-sample-
これは ドリコム Advent Calendar 2020 の7日目です。 tl;dr CDPのscreencastFrameで動画を撮ってみるサンプル puppeteer[“Page”][“screenshot”]で動画撮るのはパフォーマンスに難がありそう 対象読者 puppeteerを使っていて(使ってみたくて)、動画を撮りたい人 puppeteerでE2Eテストを行っていて(行いたくて)、デバッグの手段を増やしたい人 本記事で扱うソフトウェア puppeteer: https://github.com/puppeteer/puppeteer Chrome(Chromium)を操作するAPIを提供するNode.jsライブラリです、devtools相当のことができます 今回は、v5.5.0を使用します node.js: https://nodejs.org/ ブラウザー外で動くJavaS
STORESにE2Eテストを導入した話
これ何 これは hey Advent Calendar 14日目の記事です。 hey株式会社で STORES のフロントエンドエンジニアをしているものです。社内ではうめきちやうめくんと呼ばれることが多いです。普段は STORES というネットショップ作成サービスのダッシュボード上に弊社POSレジアプリをサポートする機能を組み込んでいます。今回はそのダッシュボードにE2Eテストを導入した話を紹介していきます。 解決したい問題 フロントチームで、本番環境で発生した障害を減らす、または発生したことにすぐに気づきサービスのダウンタイムを少なくするにはどうするべきかを考える機会がありました。 リリース前に機能を実装したチームで起こりうるテストケースを並べて機能が想定した通りに動作するかを確認するといったQAをしているのですが、どうしても手動で確認漏れが起こったり、軽微な修正を加えた際に、特定のブラウ
TestCafe で E2E テストを始めよう #2 - ベーシック認証とユーザーロール（アカウント認証） | Recruit Tech Blog
TestCafe で E2E テストを始めよう #2 - ベーシック認証とユーザーロール（アカウント認証） wakamsha 前回は TestCafe の大まかな概要と Getting Started をご紹介しました。 今回は ベーシック認証 と ユーザーロール という二つの認証についてご紹介します。 シリーズ一覧 概要説明 と Hello World ベーシック認証とユーザーロール（アカウント認証） 👈 この記事 よりプログラマブルな作りにする 関心の分離・メンテナブルなテストを書くためのベストプラクティス ベーシック認証が効いている環境にアクセスする 通常、ベーシック認証（HTTP Authentication）が効いているサイトへ（ curl といった）プログラムからアクセスする際は、下記の様に認証情報を URL に直接埋め込むことが多いかと思います。 # https://www
さてさてどれを使って良いのやら…。今回は 「何となく聞いたことあるから使ってみたい」という独断で ●Protractor ●Puppeteer ●cypress の 3 つをお試しで使ってみようと思います。 ２）テスト対象のデモアプリ E2E テストの対象として、このような簡単なデモアプリを作ってみました。 ユーザー名が ringtail003 ならログインできます。パスワードは何でも通ります。ガバガバアプリです。 E2E でテストしたい内容（= シナリオ）は下記の通りです。 正常ケースのログイン/ログアウト ユーザー名 ringtail003 でログインするとプロフィールのページに遷移する プロフィールのページでログアウトする 異常ケースのログイン エラーメッセージが表示されログインできない ３）Angular のサンプルテスト掘り下げ編 実は Angular では E2E の雛形のテス
![[Angular] はじめての E2E テスト | QUARTETCOM TECH BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e2e6ab7191ecdbf491cb0aca850a26a451ed9e3/height=288;version=1;width=512/https%3A%2F%2Fuser-images.githubusercontent.com%2F15980747%2F100535132-5eddbb80-3259-11eb-8ba1-9220c1e76afb.png)
E2Eテスト自動化を成功に導く10のベストプラクティス
はやいものでもう5〜6年、テスト自動化の仕事をやってきましたが、同じことでも繰り返していけばいくほど新たな発見が見つかります。E2Eのテスト自動化については、2020年度版にも書いたのですが、この数年で得た経験を元に、内容は随時アップデートしていきます。 掟1. ゴールを設定する 現状、テストや品質で困っていることはなんでしょうか？ そして、自動化で何を解決しようとしているでしょうか？ どうやって「解決」を判断しますか？ この3つの質問の回答を、必ず用意しておきましょう。 アジャイルQAインセプションデッキ（開発中）を作るのも手です。なぜここにいるのか？ 結果どうなりたいのか（パッケージデザイン・Key result）？ 一言でいうとどういう活動なのか（エレベータピッチ）？ 自動化に限らず、品質の改善活動をまとめるテンプレとして最近使っています。 ゴールができたらアクションプランです。時間
Single NodeのDocker Swarmを利用してオンプレミスにデプロイされるGraphQLサーバを安全にローリングアップデートさせている話
こんにちは！ 本格的に家の在宅勤務環境を揃え始めたQAチームのリーダーをしている生井(id:riririusei99)です。 今回はE2Eテストツール「Autify」を使用することになったので、これまでの話をブログに書こうって回です。 Autifyとは 「AIの力で品質保証の課題を解決し、素早い開発サイクルを実現する」最近話題になっているツールです。 autify.com 従来のE2Eテストと課題感 TeamSpiritのE2EテストはJavaで書かれたSeleniumを使ったテストを行っているのですが、E2Eテストを定期実行するためには様々な領域での作業が必要でした。 実行するテストのテスト設計 テストコードのコーディング 定期実行するためのサーバ作成・管理 クロスブラウザテスト用のサービス連携 or 各種ドライバーの管理 落ちたケースのレポート確認・メンテナンス などなど、テストを実施
TestCafe で E2E テストを始めよう #3 - よりプログラマブルな作りにする | Recruit Tech Blog
前回 ではベーシック認証とユーザーロールという二つの認証をご紹介しました。 今回はもう少し実務に寄り添ったお話ということで、よりプログラマブルな作りにする方法についてご紹介します。 シリーズ一覧 概要説明 と Hello World ベーシック認証とユーザーロール（アカウント認証） よりプログラマブルな作りにする 👈 この記事 関心の分離・メンテナブルなテストを書くためのベストプラクティス 環境変数を読み込む 例えば TestCafe を使ってベーシック認証（HTTP Authentication）が効いているサイトへアクセスする際は、 httpAuth メソッドを使って認証情報を宣言的に記述します。 fixture('My Fixture') .page('https://www.example.com') .httpAuth({ username: 'username', passw
pytest で E2E テスト
pytest で E2E テストが本当に便利です。 実際どう使っているかを紹介しておきます。 なぜ Python でテストなのか 自分が Python に慣れている 自分にとって pytest を超えるテストランナーが今のところない SpaceX がテストを Python で書いてて、じゃぁ Python でいいかとなった https://old.reddit.com/r/spacex/comments/gxb7j1/we_are_the_spacex_software_team_ask_us_anything/ft0bz35/ We use C & C++ for flight software, HTML, JavaScript & CSS for displays and python for testing. Rye のおかげで Python の環境構築が苦にならなくなった htt
この記事はエムスリー Advent Calendar 2020 17日目の記事です。明日以降も面白い記事が続きますので、是非購読・拡散お願いします。 エムスリーエンジニアリンググループ QA の窪田です。私がエムスリーに入社したのが去年の11月なので、およそ1年。あっという間でした。この一年で自動テストを含めて色々なことに取り組んできました。本記事では IE の E2E 自動テストに取り組んだ内容をお話したいと思います。 背景 本番不具合の傾向 E2E テスト導入検討 TestCafe で IE を動かす reg-suit でVRTを実現する まとめ [PR] We are hiring! 背景 m3.com 開発チームでは週に1日、不具合分析の会が設けられています。詳しくは 福林の過去記事参照。 この会ではその週に発生した不具合（開発環境、本番問わず）を1件ごとに分析をして、原因の洗出し
JavaScriptライブラリ「Wijmo」で作ったリッチUIのE2Eテストを、最新のSelenium 4で自動化してみよう
本連載では、グレープシティが提供するJavaScriptライブラリWijmo（ウィジモ）について、サンプルとともに利用例を紹介します。JavaScriptとCSSを駆使してWeb画面でリッチなUIを実装するのはよくあることですが、そのリッチUIに対してどのように自動End to End（E2E）テストのコードを書いたら良いか、標準のWeb UI部品との違いに悩んだことはないでしょうか。本記事では、Wijmoで作成したWebページに対して、Webブラウザ操作自動化ライブラリ「Selenium」を利用した自動テストコードをどのように実装できるかの一例を紹介します。 はじめに Wijmo（ウィジモ）は、グレープシティがHTML／JavaScript環境に向けて提供しているJavaScriptライブラリです。Wijmoには自動テストの手がかりとなる仕様も含まれているので、標準的なUIとの違いに心配
FlutterアプリをE2Eテスト可能にするための実装ガイドラインをMagicPodが公開MagicPodによるFlutterアプリの正式サポートも同時に開始 株式会社MagicPod（本社：東京都中央区、代表取締役：伊藤 望）は、モバイルアプリの自動テストフレームワークAppium及び、Appiumを内部で利用する各種E2Eテスト自動化ツールに対し適用可能な、「E2EテストのためのFlutterアプリ実装ガイドライン」を公開したことをお知らせします。尚、このガイドラインは、MagicPod以外の自動テストツールでも使える汎用的な内容となっています。 背景 Flutterは、2018年にGoogleからリリースされたオープンソースのモバイルアプリ開発フレームワークです。1つのコードベースからiOS、Android、Web、デスクトップ、その他のプラットフォーム向けに高品質なネイティブアプリ
プロダクト開発において欠かせないE2Eテスト問題。アジャイル開発によるリリースサイクルの増加にともない、自動化に挑む開発者も増えてきた。そんな中、デブサミ2021では「ソフトウェアテスト自動化ジャーニー」と題し、ソフトウェアテスト自動化プラットフォーム「Autify」を提供するオーティファイ株式会社 CEO & Co-Founderの近澤良氏が登壇。E2Eテスト自動化を成功に導く鍵をひもといた。 オーティファイ株式会社 CEO & Co-Founder 近澤良氏 あなたはE2Eテスト自動化ジャーニーの第一歩を踏み出すべきか？ 10年以上エンジニアとしてソフトウェア開発に従事してきた近澤氏。日本／シンガポール／アメリカの3カ国でエンジニアとして開発してきた中で、どこの国でもテストに苦労していたことから、Autifyの開発に踏み切った背景がある。 AIを用いたWeb／モバイルアプリのE2Eテス
何度も挑戦し挫折してきたE2Eテスト、ついにSaaSのAI自動テストが福音となるか？！の巻 - GMOインターネットグループ グループ研究開発本部
2022.01.12 何度も挑戦し挫折してきたE2Eテスト、ついにSaaSのAI自動テストが福音となるか？！の巻 D.M.です。E2E テストのツール mabl について書きます。 TL;DR ・mabl はお手軽で素晴らしい。初期設定が簡単ですぐに開始できる。テスト作成とスケジュール設定が非常に簡単。修正もすぐにできる。 ・さすがに Google reCAPTCHA は突破できない（できたらそれはそれでヤバい）。Webアプリ側で仕様上の特殊な処理を設けるしかなさげ。 ・テストメール生成機能もあり非常に便利。（今回はうまく使えず。。） ・壊れたら自動でいい感じにしてくれる Auto Healing がすごい。逆に Auto Healing されたら困る、 NG にしたいケースでは Auto Healing をOFFにしたり、 Assert で正しい値が出ているかチェックするという逃げ道もあ
E2E テストの自動化に挑戦するためにツールを調べた結果をまとめました。 「Selenium、Puppeteer くらいは聞いたことがあるけど、他にも良さそうなものがないか調べておこう」という軽い気持ちで調べ始めたところ、想像していた以上に色々ありました。。。 ※ Web フロントエンドの E2E テストが主な対象です。それ以外は、調べて出てきたことだけまとめています。モバイルは調査対象外です ※ E2E テストに詳しくなく、いろいろ間違いがあるかもしれません。お気付きの方はご指摘お願いします。 ざっくりググると ... Selenium, Geb, Concordion, WebdriverIO, Nightwatch.js, Testium, Protractor, Puppeteer, jsdom, Nightmare ,Cypress.io, TestCafe, Intern, P
Playwrightでe2eテストを書いてみた
Table of Contents Togowlとは 私が開発している時間/タスク管理のWebアプリです。 バックエンドではTodoist/TogglのAPIを使っています。 同期機能を使ったリアルタイム性の高いアプリケーションですが、本稿ではそこまで高度なテストの書き方は紹介しません。 必要最低限の内容を紹介します。 Playwrightとは Microsoftが開発しているブラウザ自動テスト用のライブラリです。 大きな特徴として以下があります。 Chrome/Firefox/Safari/Edge すべてに対応 Linux/Mac/Windows すべてに対応 モバイルに適したテスト機能搭載 Sleepを使わない人間に直感的なテストコードが書ける 複数のブラウザやタブ、フレームをエミュレートしたテストが可能 なぜPlaywrightか 以下2つの記事を読んで、TogowlにはPlayw
E2Eテストから負荷試験シナリオを作ってみた / Why do we make a scenario of load testing from E2E testing scenarios
PR TIMES x 面白法人カヤック合同勉強会
こんにちは、DRAWER Enabling QAチームの猿渡です。 この記事ではDRAWER QAチームで進めているE2Eテスト自動化についてご紹介します。 課題 CADDi DRAWERにはQAチームがあります。品質保証業務は、開発エンジニアや外部パートナーなど様々な方と連携し行っています。 現在QAが行っているテストは、システム全体をスコープにしたエンドツーエンド（E2E）テストです。。 CADDi DRAWERでは、DRAWER Product Testing Guidelineにより、以下のテストカテゴリを定義しており、E2Eテストでは、Test Size: Largeの「Story Tests」と「Scenario Tests」のCategoryに対してソフトウェアテストライフサイクル（STLC）を行っています。 [DRAWER Product Testing Guideline
複数サーバーでE2Eテストを並列実行してみた - RAKUS Developers Blog | ラクス エンジニアブログ
noriharu3 です。 E2Eテストの実行時間短縮を目指して、複数サーバーでテストを並列実行してみましたのでご紹介します。 複数のサーバーでE2Eテストを実行する方法 E2Eテストを並列実行させる E2Eテストを複数のサーバーで並列実行させる 結果 Before After 最後に 複数のサーバーでE2Eテストを実行する方法 元々E2Eテストは以下の構成で実装されていました。 Java Gradle Selenium Gradleを使用していたので並列実行するだけなら、パラメーターを設定するのみ。 なのですが、今回はE2Eテストを1つのサーバーで並列実行するのではなく、複数サーバーでE2Eテストを並列実行できないか模索しました。 理由としては、E2Eのテストケース毎にDBのロールバックが必要となっていたため、 1つのサーバーで並列実行することがそもそもできなかったからです。 E2Eテス
【QAチームブログリレー4日目】 こんにちは！ エムスリーエンジニアリンググループ QAチームの城本（@yuki_shiro_823）です。普段は担当しているBIR（Business Intelligence and Research）チームで品質向上のためにあれこれしています。 今回はE2Eテスト自動化サービスmablを利用してテストケースを作成・運用していく際に、レビュールールを作った話を紹介します。 前提 ルールの必要性 ルールの作成プロセス ルールの詳細解説 命名規則 作成上のルール レビューフローのルール ルールの運用と効果 まとめ We're hiring！ 最近撮った雨の日のアジサイ。スマホカメラにしてはうまく撮れて気に入ってます 前提 エムスリーではテスト自動化にローコード自動化サービスmablを利用しています。 mablとはブラウザの操作を記録することにより、ローコードで
まえがき CodeBuildでCypressのE2Eを実行する。 せっかくなので前回使ったNext.jsのアプリにCypressをいれたいと思います Next.jsのスタンドアロンモードでビルドしたイメージを Cloud Run へデプロイする Cypressのプロジェクト作成 mkdir e2e cd e2e npm init --y npm install cypress 一旦起動します。 npx cypress open 設定とテストコードを雛形をつくります。 CodeBuildの設定ファイル: buildspec.yml を作成 ./buildspec.yml version: 0.2 batch: fast-fail: false build-list: - identifier: cypress-e2e-tests env: variables: IMAGE: public.e
こんにちは。 株式会社ココナラで技術戦略室を担当しているKと申します。 本記事では、ココナラアプリのE2Eテスト自動化の取り組みについてお話したいと思います。 以下の3回に分けてお届けします。 第1回. 全体像 ←今回 第2回. E2Eテストの不安定さにどう対応しているのか 第3回. E2Eテストの壊れやすさにどう対応しているのか E2Eテストの自動化を始めた背景 時系列に沿って、お話しします。 昔 ココナラでは、ある時期まではアプリのレグレッションテストをすべて手動で行っていました。 アプリの機能数が少なかった頃はそれでも問題はありませんでした。 少し前 プロダクトの成長にともなって、アプリの機能がどんどん増えてきました。 そして、機能が増えれば増えるほど、手動でのテストにかかる時間も延びていきました。 さらに、手動でテストしきれず、品質面での問題が見つかることもしばしばありました。 そ
step("トップページにいく", async () => { await goto("http://localhost:3000") }) step("ログインボタンを押す", async () => { await click("ログイン") }) シナリオとステップ実装の分離という点ではGherkin / Cucumberに近いですが、GaugeのシナリオはGherkinのようなDSL（Given When etc.）ではなくマークダウンで書くので、より自由度が高いです。 テストコードの実装はJS、Java、Go、Rubyなど色々なプログラミング言語で書くことができ、Webアプリに対するテストを書く際に使うブラウザ自動化ツールも後述するTaikoをはじめSeleniumなど好きなものと組み合わせることができます。 Taikoについて TaikoはGaugeのチームが開発しているnod
さまざまなテストレベルとロールで活躍されている方々からテストコードをリーダブルにする方法について語り、それぞれの違いや共通点について議論する、「リーダブルなテストコードについて考えよう」。ここでオーティファイ株式会社の末村氏が登壇。リーダブルなE2Eテストを書くために必要なことを紹介します。 末村氏の自己紹介とセッションの概要 末村拓也氏：「コンテキストとセマンティクスを意識してリーダブルなE2Eテストを書こう」。書こうね！ 以上！ というわけにもいかないので、話していきたいと思います。 伊藤さん（株式会社ソニックガーデン 伊藤淳一氏）みたいに本を出してないのであまり話すことはありませんが、今、オーティファイという会社に勤めててE2Eテストのノーコードでやるようなものを作っています。みなさん興味があったら「オーティファイ」でググると何か出てくると思います。前座で話しましたが、テトリスが大好
scenarigoを用いたgRPCサーバのE2Eテスト実装事例｜ONE CAREER Tech Blog
はじめに（イントロダクション）こんにちは、ワンキャリアでバックエンドエンジニアをしている田中（@kakke18_perry）です。業務では、ONE CAREER CLOUDの開発に携わっており、リアーキテクチャの一環で、一部の機能をGo+gRPCでリプレイスしています。 アーキテクチャ選定理由については以下の記事で紹介していますので、興味のある方はこちらもぜひご一読ください。 本記事では、Go+gRPCで実装されたサーバ（以後、gRPCサーバとする）に対するE2Eテストの実装方法を解説します。具体的には、scenarigoを用いたE2Eテストの実装、テストの実行までの手順を説明し、E2Eテストをどこまで書けばいいのかという話もします。 gRPCサーバに対するE2Eテストの選択肢E2Eテストは、システム全体の動作を検証するテスト手法であり、開発プロセスにおいて重要な役割を果たします。そんなE
9/7に行われた技育CAMPアカデミアというイベントでPlaywrightについて話をしてきました。テストというと、設計手法であるところのテスト駆動開発は別としてちょっと業務っぽい感じがして学生さんにはちょっと響かないかな、というのも心配でしたが、アンケートを見る限り、わかりやすかったという声も多くてほっとしました。 次のスライドが今回の資料です。スライドの内容の多くはPlaywright連載始まりますに掲載されている記事にもぼつぼつある内容も多い（APIテストはないですが）のですが、本エントリーでは発表の最後に触れたChatGPTなどの生成AIを使ったE2Eテストの生成について説明していきます。 ChatGPTが話題を席巻してしばらく経ちます。とはいえ、内製開発での利用以外はソースコード開発にばりばり使う、みたいな宣言はあまり聞かない気がします。利用を制限している会社も数多くあります。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mablを活用した STORES 予約 のE2Eテスト戦略 - STORES Product Blog
クロスブラウザに対応したE2Eテスト環境の技術選定 | Raksul ENGINEERING
E2Eテストとの1年 ~もらったコードレビュー~ - freee Developers Hub
Cypressで始めるReactのE2Eテスト-導入から実際にテストを書いてみよう！
Laravel＆CircleCIで継続的インテグレーション。ユニットテスト、静的コード解析、E2Eテストなど。
MailHogをつかってメール送信を含むE2Eテストを実施する - Uzabase for Engineers
Laravel DuskでE2Eテスト（インストール、使い方、Docker/Vagrant環境別のtipsなど）
pnpmとniを用いてPlaywrightでE2Eテスト、VRTをする環境を整えよう(GitLabCIもオマケで)
Karateを利用したUIテスト（もしくはE2Eテスト） - Qiita
Cypress + Serve で Chrome拡張機能のE2Eテストを実装する
puppeteerを使ったE2Eテストでも動画を撮ってみる - Tech Inside Drecom
[Angular] はじめての E2E テスト | QUARTETCOM TECH BLOG
Datadogを利用したE2Eテストの活用事例紹介 - DMM inside
E2EテストツールAutifyを使うまでの話 - チームスピリットデベロッパーブログ
IE の E2E テストを TestCafe で実現する - エムスリーテックブログ
FlutterアプリをE2Eテスト可能にするための実装ガイドラインをMagicPodが公開
今こそE2Eテスト自動化ジャーニーへ踏み出そう——「Autify」で実践するE2Eテスト自動化のリアル【デブサミ2021】
E2E テスト自動化ツールをざっと調べたまとめ - Qiita
CADDi DRAWERにE2Eテスト自動化の導入を進めています - CADDi Tech Blog
E2Eテスト自動化サービスmablでテストケースを作成する際のルールを作った話 - エムスリーテックブログ
AWS CodeBuildでCypressのE2Eテストをする | DevelopersIO
Android / iOSアプリのE2Eテスト全部で250シナリオを自動化しました！ 第1回 全体像
GaugeとTaikoではじめるE2Eテスト
“想像をなるべく減らす”リーダブルなE2Eテスト 読み書きに悩まないためのコンテキストとセマンティクスへの意識
ChatGPTでE2Eテストコード自動作成 | フューチャー技術ブログ