Kaigi on Rails 2023 現地参加して "E2E testing on Rails 2023" というお話をしてきた - YusukeIwakiのブログ
幸いに登壇のチャンスがいただけたので、Kaigi on Rails 2023に現地参加してきました。 E2E testing on Rails 2023 by Yusuke Iwaki - Kaigi on Rails 2023 2年前の「システムテスト解剖学」という発表の続編的な位置づけで、RailsのE2Eテストを取り巻く技術の解説に徹する発表でした。 自分の発表のスタイルとして、「◯◯したらいいよ」「△△ライブラリ使うといいよ」系の発表にはしたくないというちょっとしたこだわりがあり、とはいえ今回の発表は手を抜くと「Playwright最高だよ、めっちゃいいよ」になってしまうので、注意深くストーリー展開を練って本番に望みました。 Node.jsベースのテストランナーを話す必然性 Railsで何をしたら幸せになれそうか？の定義 じつはあれもこれもしなくても、1個だけ仕組みを作ればいいんだ
GitHub - ardatan/feTS: TypeScript HTTP Framework focusing on e2e type-safety, easy setup, performance & great developer experience
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
私が「WEB+DB PRESS, Vol.134」の特集1「実践API設計」の中で使っている用語「E2Eテスト」は、一般的な書籍で述べられているE2Eテストとは若干異なります。 どのように違うのかをウェブサービスのバックエンドのサービスで説明します。新たに図を起こすのが面倒なので、すでにある記事「マイクロサービスの開発とテストファースト／テスト駆動開発」からそのまま引用します。 この図では、「加盟店管理用APIマイクロサービス」が複数のマイクロサービスに依存しています。 一般的なE2Eテストとは一般的な書籍では、テストピラミッドにおける頂点にあるE2E（End-To-End）テストは、「加盟店管理用APIマイクロサービス」およびそれが依存するすべてのマイクロサービスを何らかの環境（たとえば、Docker、あるいは開発用のクラウド環境）にデプロイして「加盟店管理用APIマイクロサービス」をテ
PlaywrightとmswでスマートなE2Eテストを実現 - MONEX ENGINEER BLOG │マネックス エンジニアブログ
こんにちは。システム開発一部の吉田です。 最近初めてパーマをかけてみたら元々の天パと掛け合わさって髪がモジャモジャになりました。気に入ってはいますけど取れるのがいつになるのか心配です。 絶賛開発中のフロントエンド領域でPlaywrightとmswを用いたE2Eテスト(End to End Test)の導入をしました。これらのツールの導入に至った経緯と簡単な使い方をご紹介します。 以前書いたモックサーバーの記事の内容も含んでいるので、ご覧になっていない方は以下を参照してみてください。 blog.tech-monex.com E2Eテストのスコープ E2Eテストの概要はCircleCIの記事を見るとなんとなくわかった気になれます。 circleci.com 一言で言うと、E2Eテストとはユーザーが実際に操作する状況をシミュレートし、アプリケーション全体の動作を検証するテスト手法のことです。 ア
Autifyを試してみました(E2E自動テストツールの話) - GA technologies GROUP Tech Blog
QAチームの柿崎です。 先日、大事な休日を消費して、 うっかりミッションインポッシブルを全作品観てしまいました。 (一度観たことがあるにも関わらず) 何をやってるんだ俺は……そしてトムクルーズはかっこいい。 さて今回はE2E自動テストツール「Autify」の試用レポートです。 試用に至った背景 QAチームではCypressやSeleniumやPostman等を使って自動テストを行なっていますが、 環境構築やテストシナリオの作成やメンテナンスなど、 なんだかんだで結構体力を使うよね、という、割とありがちな悩みが発生しています。 そんな中、Autifyの存在を知り、早速試してみることにしました。 環境構築が不要 AutifyはWebサービスとして提供されているので当たり前ですが環境構築が不要です。 何もせずにクロスブラウザ環境を得ることができ、少しの設定でSlack連携が可能です。 Autif
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 ブラウザ
FargateとLambdaで作るスケーラブルなE2Eテスト実行基盤 / Building a scalable E2E test execution platform with AWS Fargate and Lambda
2020年3月28日にオンライン開催されたJAWS DAYS 2020での発表資料です。 https://jaws-ug.doorkeeper.jp/events/105155 https://jawsdays2020.jaws-ug.jp/session/fargate%e3%81%a8lambda%e3%81%a7%e4%bd%9c%e3%82%8b%e3%82%b9%e3%82%b1%e3%83%bc%e3%83%a9%e3%83%96%e3%83%ab%e3%81%aae2e%e3%83%86%e3%82%b9%e3%83%88%e5%ae%9f%e8%a1%8c%e5%9f%ba%e7%9b%a4/
Goでサーバを立ち上げてE2Eテストを実施するCI用のテストコードを書く - My External Storage
GoでCIで動かせるE2Eテストコードを書くための下調べをしたのでメモしておく。 TL;DR CIで動かせるE2Eテストとして、ListenAndServeしているサーバに対してHTTP通信するテストコードを書きたくなった。 ListenAndServeは通信の開始待ちができないので、Flakyなテストになってしまう。 net.Listenして取得したnet.Listenerを使うことで、待機無しでテスト対象のサーバと通信できる。 CIで実行できるE2EレベルのテストをGoのテストコードとして書きたい 柴田さんや@t_wadaさんの話を読んで、もっとE2Eテストに近いHTTPテストについてちゃんと考えたいなと思い始めた。 マイクロサービスの開発とテストファースト/テスト駆動開発 | GDG Dev Fest Tokyo 2019 https://www.slideshare.net/yos
開発者がE2Eテストを書くことで得たもの
原文(投稿日：2021/05/20)へのリンク 開発者がe2eテストを書くことによって、テスト可能なコードの記述、迅速なフィードバックの提供、バグの回避が可能になる。Wixでは、同社のプロジェクトマネージャ、開発者、QAエンジニアを対象に、QAのみによるテストから開発者によるe2eテストに移行することによって、QAの左シフト(上流への移行)とデリバリ速度の向上を実現した。 WixでQAギルドリーダを務めるYevheniia Hlovatska氏は、2021 Spring OnlineTestConfで、開発者が書いた優れたe2eテストをQAエンジニアが実行する、という変革を自身のチームが実践するための支援をした経験を語った。 Hlovatska氏はまず、開発者がエンドツーエンドテストを作ることに前向きでない理由について説明した。 最大の理由は、開発者はそれが好きではない、ということです。テ
iCloudバックアップなどのデータのE2E暗号化を行える高度なデータ保護とApple ID用のセキュリティキーが登録可能になった「macOS 13.2 Ventura」が正式にリリース。
iCloud用の高度なデータ保護とApple ID用のセキュリティキーが登録可能になった「macOS 13.2 Ventura」が正式にリリースされています。詳細は以下から。 Appleは現地時間2023年01月23日、iPhoneやiPad向けにiCloudバックアップやメモ、写真など23種類のデータのE2E暗号化を行えるiCloud用の高度なデータ保護とApple ID用のセキュリティキーに対応した「iOS/iPadOS 16.3」をリリースしましたが、同様の機能を実装した「macOS 13.2 Ventura Build 22D49」も正式にリリースされています。 このアップデートではiCloud用の高度なデータ保護とApple ID用のセキュリティキーが導入されます。このアップデートにはMacでのその他の機能向上とバグ修正も含まれます。 リリースノートより macOS 13.2 V
PlaywrightとはPlaywrightはMicrosoftが開発している、オープンソースのWebテストフレームワークです。 v1.32から追加された新機能、UI Mode が業務でかなり重宝したので、これを使って実際にE2Eテストを書きつつ紹介していきます。 デモプロジェクトを作成適当なディレクトリでデモプロジェクトを作成します。 いくつか質問されますが全て Enter で OK です。 npm init playwright@latest実行が終わると以下のようなディレクトリ構造になっているはずです。 . ├── node_modules/ ├── package-lock.json ├── package.json ├── playwright.config.ts ├── tests │ └── example.spec.ts └── tests-examples └── dem
株式会社ラクスが開催するエンジニア向けのイベント「RAKUS Meetup」。今回は「Vue.js、React、TypeScript、E2Eテスト」をテーマに、Chat Dealerの開発と運用を担当する川又由雅氏が登壇し、「テスト稼働の削減とフロントエンドの品質担保を行うE2Eテスト」という内容で話をしました。関連資料はこちら。 Chat Dealerの開発と運用 川又由雅氏（以下、川又）：それでは「テスト稼働の削減とフロントエンドの品質担保を行うE2Eテスト」について発表いたします。よろしくお願いします。 まず私の簡単な自己紹介からしたいと思います。私は川又由雅と申します。2018年に新卒入社でラクスに入社しました。今年で3年目になります。現在はChat Dealerの開発と運用に携わっていまして、バックエンドとフロントエンドを取り扱っています。今年は学習が趣味で、Vue.jsを用いて
はじめに 「Nuxt on Dockerにて、Jest + Puppeteer でE2Eテスト環境をセットアップする」でJest + PuppeteerでE2Eテストをする環境を整えました。 この記事では、実際にE2Eテストを記述するときに使う操作や検証のコードをまとめておきます。 自分が使ったコードを書いていくので、順次増えていく予定。 基本 テストファイル内の基本構文は以下のとおりです。 describe('テストスイート名', () => { test('テストケース名', async () => { await page.goto('http://localhost:3000') // 操作とか await expect(page.url()).toBe('http://localhost:3000') // 検証とか }) }) describeとtest 1つのファイルには1つ
TL;DR Playwrightは導入コストが高くはない ひとまずスクリーンショットを全ページ撮るだけでも、QAの工数（もしくは自分の確認する時間）を削減できた 意外とやってみると書ける playwright-cliのコード自動生成が非常に便利！ きっかけ プロジェクトでPlaywrightのフロントエンドのE2Eテストを書かせていただく機会がありました。 導入〜テストケース作成〜実装までやらせていただいて、知見がある程度溜まったので まとめてみることにしました。 至らぬ点もあるかと思いますが、その際はご指摘いただけますと幸いです。 ざっくりブラウザテストのこれまで 参考：https://blog.logrocket.com/playwright-vs-puppeteer/ Selenium ブラウザテストの自動化自体は新しい技術ではなく、2004年ごろからSeleniumがあった しかし
株式会社シャペロンのsrkwです。 シャペロンでは昨年、Playwrightを使ったE2Eテストによる各種機能の検証の自動化を導入しました。 E2Eテスト導入の背景や、チームへの浸透に向けた取り組みと反省等については別の記事で紹介しているので、興味のある方はこちらも併せてご覧ください。 この記事では、シャペロンの日次のE2Eテスト実行を支えるインフラ構成と、PlaywrightによるE2Eテスト導入によって溜まったtipsをご紹介したいと思います。同じようにPlaywrightを使ったE2Eテスト導入を検討している、あるいは導入済みで格闘している方にとって、少しでもお役に立てると嬉しいです。 日次のE2Eテスト実行を支えるインフラ構成 前提:Shaperonのテナント構成 シャペロンは製薬企業向けのコミュニケーション用SaaS、Shaperonを提供しており、Shaperonは利用テナント
カジュアル面談って、もっとカジュアルに していいの / informal session #jasstnano
この記事は「【マイスター・ギルド】本物のAdvent Calendar 2022」2日目の記事です。 こんにちはmiruoonです。 今回はTypeScript（TS）などで手軽にWebアプリのE2EテストがかけるPlaywrightを紹介します。 前置き 作者はJestやTestingLibraryといった各コードテストツールを隅々まで使いこなしたことはないので、間違った記載があったらコメント欄で気軽にツッコんでください。 2022/11月末の情報となります。 E2Eテスト初めて聞いたわ！よくわからんわ！っていう人は以下の記事が詳しいので、読んでおくと良いです。 開発環境 MacBook Pro (13-inch, M1, 2020) macOS Monterey 12.1 Node.js v16.10.0 yarn 1.22.19 今回作成したコードについて コードはここに置いています
K8sアプリのE2Eテストを無料でCIする。GitHub ActionsとKindで - ダルツ海峡冬景色
K8sアプリ（=Kubernetes上で動くことを前提としたアプリケーション）のEnd-to-Endテスト（=E2Eテスト）をCIの無料枠で実行する方法を説明します。 テストツールの列挙 まずはK8sアプリケーションのテストに使うツールを列挙します。 代表的には次のような選択肢があります。 fake: client-goのモッククライアント。admission機構が無いなど、本物とは挙動が異なる点も多い envtest: controller-runtimeのインテグレーションパッケージ。kube-apiserverとetcdを実際に建てる。APIリソース操作で十分に試験項目を網羅できるなら便利。 kind: dockerベースのスタンドアローンK8s。マルチノードをサポートしている。K8sの下回りに依存しないアプリケーションなら基本的にこれで問題なし。 本物のK8s: コスト大だがどうし
こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。今回は、Datadog Synthetic Test を使った E2E テストをコードベースに移行した話ができればと思います。ちなみに、過去に Datadog Synthetics Test 周りの記事を書いていたので合わせてご覧いただけると幸いです。 Datadog Synthetics Test 導入フロー | Offers Tech Blog Datadog SyntheticsのSubtestでブラウザテストをComponent化する｜Offers Tech Blog なぜコードベースにしたか 元々 Datadog Synthetic Test を用いていたのですが、運用するにつれて以下の問題点が発生してきましたのでコードベースに移行する決意をしました。特に問題を感じてい
E2EテストをCIでも気軽に利用しよう 〜 Cypress x Docker Compose - Qiita
describe('The Login Page', function () { beforeEach(function () { // reset and seed the database prior to every test cy.exec('npm run db:reset && npm run db:seed') // seed a user in the DB that we can control from our tests // assuming it generates a random password for us cy.request('POST', '/test/seed/user', { username: 'jane.lane' }) .its('body') .as('currentUser') }) it('sets auth cookie when
https://tmpuh.net/ 賀来先生が皆さんへ編集した 新型コロナウイルス感染症 市⺠向け感染予防ハンドブック https://tmpuh.net/ 感染予防ハンドブック 2 はじめに 新型コロナウイルスの由来 アメリカのメリーランド州実験室から漏れた病毒なのか、或るいは中華⼈⺠共和国湖北省武漢市において、2019年12 ⽉、原因となる病原体が特定されていない肺炎の発生が複数報告されました。現在、新型コロナウイルス感染症 とし て、世界各国で調査、対応がすすめられています。 実は2019年８⽉、イタリアで最初のコロナ患者としての確診者 がいましたが、当時誰も新型コロナウィルスという厄介なパンデミックを起こす病気だという認識がまだ誰もありま せんでした。 一方、２０１９年9⽉26日から、12か⽉の間、アメリカで約２千６百萬のアメリカの国⺠が変種インフ ルエンザとして確診されており、
Auth0 React SDK と Cypress で e2e テストを考えてみる | DevelopersIO
SPAで誰もが見れるルートと保護されたルートを分離させるのはよくある設計です. また保護されたルート配下ではログインしたユーザの情報を利用するのもよくある設計です. コンポーネントレベルでの結合テストであればモックを利用することで簡単にテストをかけます. ですがe2eテストとなると実際にログインを経てセッション情報などを保持した状態でのテストが求められ, 前提の難易度が上がります. この記事ではAuth0を利用した認証を含むe2eテストをCypressで行う場合に起こり得る問題とワークアラウンドを書いていきます. 環境 主に下記のライブラリとバージョンで動かしています. "dependencies": { "@auth0/auth0-react": "^1.0.0", "@testing-library/cypress": "^6.0.0", "cypress": "^4.9.0", "p
Web会議サービス「Zoom」を運営する米Zoom Video Communicationsは10月14日（現地時間）、5月に予告したWeb会議のエンドツーエンドの暗号化（E2EE）のテクニカルプレビュー版を来週から提供すると発表した。無料版ユーザーも利用できる。 1つのE2EE会議に最大200人が参加できる。無料ユーザーの場合は、1回限りの検証プロセスを経る必要がある。このプロセスでは、テキストメッセージによる電話番号の検証などが必要。これは、不正アカウントによるE2EE会議の悪用を減らすための措置という。Zoomは当初、E2EEの提供を有料ユーザーのみを対象とするとし、その理由をアプリが違法な活動に使われる恐れがあるためとしていた（その後無料ユーザーにも提供すると方針を変更した）。 今回提供を開始するのは、4段階で提供予定の開発中のE2EE機能の「フェーズ1」。このフェーズでは、E2E
コンテナでサーバーを動かして、それに対するリクエストをするE2Eテストを GitHub Actions 上で動かすことに苦労したので書く。 成果物repo: https://github.com/sadnessOjisan/e2e-gha お題となるサーバー コンテナに固めるから別に何言語でも良いので、まずはちょっとしたエコーサーバーを書いてみよう。 import Fastify from "fastify"; const fastify = Fastify({ logger: true, }); fastify.get("/", async function handler(req, res) { const q = req.query["q"]; res .status(200) .headers({ "content-type": "application/json", }) .se
Playwright (TypeScript版)は microsoft/folio ベースのplaywright-testという独自フレームワークを使うが、playwright-pythonにはPyTest用のプラグインがある。 Pytest plugin for Playwright https://github.com/microsoft/playwright-pytest Getting Started! macOSであれば playwright-pythonのインストール
https://tmpuh.net/ 賀来先生が皆さんへ編集した 新型コロナウイルス感染症 市⺠向け感染予防ハンドブック https://tmpuh.net/ 感染予防ハンドブック 2 はじめに 新型コロナウイルスの由来 アメリカのメリーランド州実験室から漏れた病毒なのか、或るいは中華⼈⺠共和国湖北省武漢市において、2019年12 ⽉、原因となる病原体が特定されていない肺炎の発生が複数報告されました。現在、新型コロナウイルス感染症 とし て、世界各国で調査、対応がすすめられています。 実は2019年８⽉、イタリアで最初のコロナ患者としての確診者 がいましたが、当時誰も新型コロナウィルスという厄介なパンデミックを起こす病気だという認識がまだ誰もありま せんでした。 一方、２０１９年9⽉26日から、12か⽉の間、アメリカで約２千６百萬のアメリカの国⺠が変種インフ ルエンザとして確診されており、
みてねのE2E自動テスト導入戦略
みてねのE2E自動テスト導入戦略こんにちは、みてね事業部 プロダクト開発グループ QAチームの森島です。 この記事では、「家族アルバム みてね」の品質において欠かせないテスト自動化プラットフォームのMagicPodの導入と定着に至る導入戦略についてご紹介します。 MagicPodを導入する前の状態について（約一年前）みてねでは二週間に一度リリースするサイクルで開発を進めており、iOS/AndroidのアプリをStoreにリリースする前に不具合がないか確かめるためのシナリオテスト（以降はリリース前テストと呼びます）を実施しています。 同じテストを繰り返し行うので簡易化できるように、E2E自動テスト（以降は自動テストと呼びます）として実機を使ってローカル環境で構築していました。 これは全てのテスト項目を自動化できておらず、約半分は手動で実施していました。 この時点の自動テストに対する課題は以下
はじめに こんにちは、 SmartHR Advent Calendar 15日目の @aomoriringo です。 SmartHRのQAグループでSET(Software Engineer in Test)として働いています。 SETとしては1人目として入社したため、その時点ではE2Eテスト自体が存在していませんでした。 現在はCypressでのE2Eテストに取り組んでおり、これまでに溜まった知見をご紹介したいと思います。 E2Eテストの位置付け SmartHR Advent Calendar 2日目で、 wata727さんが Capybaraによるテストの話を書いてくれています。 Capybaraでブラウザを介したテストコードを書いているのに、それとは別になぜCypressによるテストを書く必要があるのでしょうか? ここで、「テストから見えてくるグーグルのソフトウェア開発」に出てくる
E2Eのあとの全体テストの有無 佐藤智樹氏（以下、佐藤）：視聴者の方でも（Lambdaを）大量に使っている方は、「ここを困っていました」とか言ってもらえると共感できそうです。 新井成一氏（以下、新井）：願わくば、公式でそういうFakeを出してもらうのが、僕は一番いいんじゃないかと思っています。 佐藤：確かに。LocalStackとかありますが、IoTサービス系とか「IoT」とかだけ書いてあって。これは何が使えるのかな。すみません、なんか言い過ぎた気が……。 （一同笑） 和田祐介氏（以下、和田）：これは叩けばもっと出てきそうだ。 佐藤：ちょっと取っておきますか。 新井：ではせっかくなので、質問がきているのでいくつか答えてみますか？ 「E2Eテストのあとに全体テストがあるのでしょうか？」。和田さん、まずこれどうですか？ 和田：やっています。実際にはAPIだけで完結するシステムもあると思いますが
Pyppeteer(with headless Chromium) + GitHub Actionsでoptuna-dashboardの継続的E2Eテスト - c-bata web
以前 optuna-dashboard というWebツールを開発・公開しました。 もともと Goptuna のために実装したReact.js + TypeScript製のSPAのWebツールでしたが、Optunaでも使えるようにしたところ、周りでも使ってるよという声をいただくことが増えてきて、公式に利用が推奨されるようになりました。 Optuna v2.7.0 released, with new tutorials, examples, and code improvements! @c_bata_ has fully redesigned the dashboard. Try out the new version with `pip install optuna-dashboard` and then `optuna-dashboard $STORAGE_URL`!https://t
2021年11月10日と11日の2日間、LINE株式会社が主催するエンジニア向け技術カンファレンス「LINE DEVELOPER DAY 2021」がオンラインで開催されました。そこでEnd-to-End音声認識技術の実用化とAI音声記録サービス「CLOVA Note」について紹介されました。まずはNAVERのリュー ヒョクス氏から、サービスの紹介とそれに使われている技術について。 CLOVA Speechチーム リューヒョクス氏：End-to-End音声認識と「CLOVA Note」というサービスについて、LINEの木田とNAVERのリューヒョクスが発表します。この音声認識は、NAVER CLOVA、LINEのSpeechチーム共同での研究開発の成果です。よろしくお願いします。 本日は2部構成で発表いたします。最初にNAVER CLOVAのリューヒョクスがEnd-to-End音声認識とは
最初に STORES 予約 の開発をしているTak-Iwamotoです。 STORES 予約 ではmablを使用して、少しずつE2Eテストを導入し始めています。 この記事ではmablをどのように使用しているのか、利用する上でのtipsなどを書かせていただきます。 mablとは mablはブラウザの操作をレコーディングすることでE2Eテストを作成できるサービスです。 cypressなどはコードでテストを実装する分、実装コストがかかってしまいますが、mablだとブラウザで動作確認するのと同じ要領でテストを実施できます。 STORES 予約 ではユーザーさまにとって影響が大きい予約画面や月謝・回数券の購入などの決済関連を中心に、正常系のみmablでテストを作成しています。 テストの作成方法 説明する必要がないくらいかんたんにテストを作成できますが、作成方法を説明します。 mablのデスクトップア
ロシア発でドバイに拠点を置くTelegramは8月14日、エンドツーエンドで暗号化（E2EE）されたメッセージングアプリ「Telegram」公開7周年に当たり、AndroidおよびiOSアプリに1対1の動画チャット機能をα版として追加したと発表した。こちらもE2EEだ。 連絡先のプロフィールページから音声チャットを開始し、動画チャットに切り替えられる。ピクチャーインピクチャーモードもサポートしており、動画チャットしながら他のメッセージを読むなど別の操作も可能だ。 同社は4月、グループ動画チャット機能を追加すると発表した。今回はまだ1対1の動画チャットしか追加しないが、向こう数カ月中にグループ動画チャット機能も可能にする計画としている。 4月時点のTelegramのMAU（月間アクティブユーザー数）は4億人だった。 関連記事 Twitter、Facebook、Google、Telegram、
GitHub Actions can use windows and mac for ci container so I think, "IE11 and Safari work on CI?". Speaking from conclusion, it works! I succeeded to run windows/ie11 mac/safari windows/chrome windows/firefox on GitHub Actions. My working example is here. https://github.com/mizchi/frontend-gh-action-playground Setup I use node.js selenium-webdriver and jest(-ts). // e2e/runWithSelenium.ts import w
ハコベルの中村です。 みなさんのチームでは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テストなど。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
E2Eテスト vs E2Eテスト: 柴田 芳樹 (Yoshiki Shibata)
playwright（Node.js） で E2E テスト！
PlaywrightのUI ModeでE2Eテストに入門する｜jig.jp engineers
品質を保ちながら190時間以上あったテスト稼働を削減 フロントエンドでE2Eテストを導入して得られたもの
Jest + PuppeteerのE2Eテストで使うコード集
PlaywrightでフロントエンドのE2Eテストを自動化してみた話
PlaywrightによるE2Eテスト自動化を導入したので各種構成とtipsをご紹介
E2Eテストのflakyと向き合う / stac2020
Playwrightを使って実際のブラウザ動作からE2Eテストを作ろう！ - Qiita
Playwrightを使ってコードベースなE2Eテストに移行した話 | Offers Tech Blog
<4D6963726F736F667420506F776572506F696E74202D2032303230313232325F3394C590568C5E8352838D836983458343838B83588AB490F58FC75F89C692EB8CFC82AF836E8393836883758362834E2E70707478>
Zoom、E2E暗号化の“第1フェーズ”を来週ロールアウト 無料ユーザーも利用可能
ありのままのコンテナを使って E2E テストを GitHub Actions 上で行う
playwright-pythonを使ってE2Eテストを始める - Qiita
<4D6963726F736F667420506F776572506F696E74202D2032303230313232325F3394C590568C5E8352838D836983458343838B83588AB490F58FC75F89C692EB8CFC82AF836E8393836883758362834E2E70707478>
Cypressで送る快適E2Eライフ - Qiita
「E2Eのあとのテストはしんどい」「SDK絡みは悩みどころ」 クラスメソッドのエンジニアが答えるテストのQ&A
「E2E音声認識」と「話者分離」のためのラベルなしデータ学習 「CLOVA Note」で認識性能向上するための技術
mablを活用した STORES 予約 のE2Eテスト戦略 - STORES Product Blog
Telegram、1対1の動画チャットもE2Eの暗号化
Run crossbrowser e2e testing on GitHub Actions
クロスブラウザに対応したE2Eテスト環境の技術選定 | Raksul ENGINEERING
E2Eテストとの1年 ~もらったコードレビュー~ - freee Developers Hub
Cypressで始めるReactのE2Eテスト-導入から実際にテストを書いてみよう！
Laravel＆CircleCIで継続的インテグレーション。ユニットテスト、静的コード解析、E2Eテストなど。