Playwrightを使ったE2Eテストを導入した話 - Uzabase for Engineers

2024/04/25 108 users NewsPicks playwright 海老澤 テスト手法

はじめに こんにちは。ソーシャル経済メディア「NewsPicks」の QA/SET チームの海老澤です。 先日 弊社で E2E テスト実行するために Playwright を導入したため紹介させてください。 E2Eテストとは E2Eテスト（エンドツーエンドテスト）とは、ソフトウェア開発におけるテスト手法の一つで、アプリケーションが実際の運用... 続きを読む

Mailosaurでメール送信のE2Eテスト - febc技術メモ

2023/02/07 105 users Platform SaaS febc技術メモ 添付ファイル

最近MailosaurというSaaSを使ってメール送信機能をテストしてみましたので、備忘がてら紹介メモを残しておきます。 Mailosaurとは? Mailosaurとは Email and SMS testing platformだそうです。 mailosaur.com メールがちゃんと送れているか?だとかメール本文/添付ファイルなどは意図通りか?をテストするのに便利な機能が... 続きを読む

ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol

2022/03/29 154 users WebDriver ウェブアプリケーション Appium

ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？ 本トークではこれらのツールの背後にいるWebDriver、Chrome DevTools Protoc... 続きを読む

新規機能はどんどんコンポーネント化　Vue.js + TypeScriptで開発してよかったこと・つらかったこと - ログミーTech

2020/11/25 148 users React TypeScript フロントエン Vue.js

株式会社ラクスが開催するエンジニア向けのイベント「RAKUS Meetup」。今回は「Vue.js、React、TypeScript、E2Eテスト」をテーマに、「楽楽勤怠」の機能開発を担当する北嶋初音氏が登壇し、「Vue.js + TypeScriptによる新規サービス開発の振り返り」という内容で話をしました。関連資料はこちら。 会社初のフロントエン... 続きを読む

E2EテストをSelenium Webdriver からCypress.io に移行した話 - 一休.com Developers Blog

2019/04/23 285 users Selenium WebDriver Selenium

こんにちは。 一休.comの開発基盤を担当しています、akasakasです。 今回は、E2EテストをSelenium WebdriverからCypress.ioに移行した話をしたいと思います。 一休のE2Eテスト事情 あれから、数年が経過して、、、 どうしてこうなった？？？ SeleniumではSPAへの対応が難しくなってきた なんでもかんでもSeleniumで頑張... 続きを読む

E2EテストをPhantomJSから、Puppeteer + Headless Chromeへ移行しました - LCL Engineers' Blog

2018/06/27 163 users PhantomJS puppeteer Capybara

Webエンジニアの森脇です。LCLでは、以前より「Capybara + PhantomJS」でE2Eテストを行っていましたが、「Puppeteer + Headless Chrome」へ変更しました。 元々は、軽くPuppeteerを触ってみるだけのつもりでしたが、できが良く本格的にE2Eテストへ導入することにしました。 本記事では、変更の経緯や、PuppeteerでE2Eテ... 続きを読む

サービスの目視チェックをヘッドレスブラウザで効率化した話｜raahii｜note

2018/04/03 130 users ユニットテスト ヘッドレスブラウザ Note 一連 パク

■ モチベーション サービスを継続的に改善していく上で、バグを避けることはできません。そこで、バグが混入した時にそれにいち早く気付ける仕組みが必要になります。 Webサービス開発ではふつう、ユニットテストを書きます。一連のページ遷移（動線）をチェックするE2Eテストを書くこともあります。これらを用いることで、バグに簡単に気づくことが出来ます。 しかし、フロントエンドのエラーには微妙なページデザイン... 続きを読む

退屈なブラウザ作業はSeleniumにやらせようーーはじめてでもできるブラウザ操作自動化 - Mercari Engineering Blog

2017/10/31 929 users Selenium QA-SETチーム メルカリ 中心 自動化

2017 - 10 - 31 退屈なブラウザ作業はSeleniumにやらせようーーはじめてでもできるブラウザ操作自動化 QA-SET Test Automation Slack こんにちは、メルカリのQA-SETチームで自動化をぶりぶりしている tadashi0713 です。 これまではモバイルアプリ・WebアプリのE2Eテストを中心に自動化をしていましたが、最近ではプロダクト部門・カスタマーサポ... 続きを読む

Webページを監視して表示崩れが起きていないか検出できるE2Eテストを実装しました | NET BIZ DIV. TECH BLOG

2015/11/10 371 users NET BIZ Tech Blog 表示崩れ Webページ

お世話になります、フロントエンド担当をしている小原正大です。Webページの表示を監視して差異があった場合、どのページで表示の変化が起きているかを知ることが出来るプログラムを実装したのでそのことについて書こうと思います。 何につかったの？ 僕がフロントエンドを担当しているサービス『料理サプリ』で大規模なフロントエンドコードのリファクタリング行う際に表示テストを自動化するために作成しました。『料理サプ... 続きを読む

nanapi.jpのE2EテストをCapybara + Poltergeistで書いた時にやったこと・ハマったこと | nanapi TechBlog

2015/02/25 9008 users ライブラリ Capybara エンジニア 方針 弊社

こんにちは、エンジニアの手塚@inureoです。 先日弊社の@vexus2がnanapi.jpのRails化についてのブログを書いていましたが、これに追随してnanapi.jpのE2Eテストを専任した時の事を下記の3フェイズでまとめてみようと思います。 開発前の準備 開発中にハマったこと リリース後に行ったこと 開発前の準備 どのライブラリを使うかはもちろんですが、E2Eテストの方針を決めておかな... 続きを読む

テストできないコードをE2Eテストを使ってリファクタリングしよう | Web Scratch

2015/01/24 185 users Web scratch コード ユニットテスト jQuery

ユニットテストがしにくい状態となってるコードをTestiumを使ったE2Eテストを書いてリファクタリングしてみる話です。 例えば、以下のようなjQueryで書いたコードは外(テストコード)から取り出すポイントがないので、ユニットテストを書くのは難しいと思います。(そもそもViewのコードなので) 特定のバージョンでの変更点を簡単に確認できるよう、 「Aの列のラジオボタンを選ぶと同じ行より一つ下にあ... 続きを読む

TravisCI、SauceLabs、Protractorで始める簡単E2Eテスト入門 | チャットワーククリエーターズブログ

2014/11/05 148 users GitHub TravisCI Protractor ゴール

自転車通勤始めました。あごうです。この記事はE2EテストAdventCalendar -26日目です。 今日はGithub上でTravisCI、SauceLabs、Protractorを使って簡単に始められる継続的E2Eテストの方法を紹介したいと思います。 ゴールはGithubにPRする毎にTravisCIがProtractorを使ってSauceLabs上で検証した結果を教えてくれるところです。 ... 続きを読む