本連載では、グレープシティが提供するJavaScriptライブラリWijmo（ウィジモ）について、サンプルとともに利用例を紹介します。JavaScriptとCSSを駆使してWeb画面でリッチなUIを実装するのはよくあることですが、そのリッチUIに対してどのように自動End to End（E2E）テストのコードを書いたら良いか、標準のWeb UI部品との違いに悩んだことはないでしょうか。本記事では、Wijmoで作成したWebページに対して、Webブラウザ操作自動化ライブラリ「Selenium」を利用した自動テストコードをどのように実装できるかの一例を紹介します。 はじめに Wijmo（ウィジモ）は、グレープシティがHTML／JavaScript環境に向けて提供しているJavaScriptライブラリです。Wijmoには自動テストの手がかりとなる仕様も含まれているので、標準的なUIとの違いに心配

2021-01-15UI テストの自動化に Magic Pod を導入した話こんにちは。インキュベーション本部の QA エンジニアの米山です。主に CLINICS アプリの QA を担当しています。メドレーには 2020 年 8 月に入社しました。 今回は入社してまず行ったことの一つ、リグレッションテストの自動化と、そのために導入した Magic Pod というツールについて、経緯や導入してみた結果をご紹介したいと思います。 CLINICS とは私の所属するチームで開発しているCLINICSというプロダクトはアプリでオンライン診療や、クリニック・病院から処方箋を発行してもらうことができ、オンライン上で診察からお薬の受け取りまで完結できるサービスです。 プラットフォームは iOS と Android のネイティブアプリ、それから同様のサービスを Web ブラウザからも利用することが出来ます。

※本稿はソフトウェアテスト Advent Calendar 2020 24日目の記事です。 こんにちは、Magic Podの開発をしている脇坂です。好きなものは単体テストとリファクタリングとテニスです。 さて、今日はリグレッションテスト、機能テストの文脈で話をします。テストケースを変えない工夫というのは、継続的にテストケースを実行する上で必要不可欠なテクニックです。このテクニックは自動テストの文脈で語られることが多いですが、手動テストにおいても応用可能だったりします。 話すこと テストケースを変えるべきではない理由テストケースを変えずに済ませる工夫 話さないこと フレーキーテスト問題に対するシルバーブレッド非機能要件のテスト 目次 背景テストケースの変更単体テストの場合Web/Mobile E2Eテストの場合Webは詳細手動テストの場合Web/Mobile E2Eテスト自動化サービスの場合

※現在はMagic Pod単体でも画像差分チェックが可能になっているので、そちらの方法の方が簡単でおすすめです。詳しくはこちら こんにちは、伊藤(@ito_nozomi)です。 ビジュアルリグレッションテストツールreg-cliを使って、E2E自動テストクラウドサービスMagic Podのテスト結果画像が正解画像と一致するかチェックする仕組みを、先日社内に構築したので、今日はそのやり方を紹介します。 reg-cliとは reg-cliは、ビジュアルリグレッションテスト(画像回帰テスト、画像差分比較テスト)のためのツールです。同じようなツールでreg-suitというものもあり1 、reg-suitの内部ではreg-cliが利用されています。2つの違いとしては、 reg-cli: 2つの画像ディレクトリを指定して実行すると、分かりやすい差分HTMLレポートを生成してくれるコマンドラインツールで

こんにちは。AutifyのSET(Software Engineer in Test) 、末村(@tsueeemura)です。 皆さん、E2Eテストしてますか？以前はほぼSelenium一択みたいなところがありましたが、最近はPuppeteerやCypress、TestCafeなどいろいろなフレームワークがあり、ついつい目移りしてしまいますね！ さて、どのフレームワークを使うにせよ、E2Eテストを書く上で共通で意識しないといけない重要なファクターがいくつか存在します。 その一つが ロケータ です。操作や検証の対象となる要素を指定するためのキーのことです。 ロケータにはCSSセレクタやXPathが利用でき、idやclass、name といった属性を利用するのが一般的です。 今回はこのロケータについての話を書こうと思います。 ロケータとは要素を一意に指定できさえすればロケータに使うものは何でも

みなさんこんにちは！ピクシブで唯一のテスト専任エンジニアの @shimashima です。 今日は昨年10月に全社向けに発表を行なった「品質“実質”無料キャンペーン」についてご紹介しようと思います。 キャンペーン開催の経緯 昨年10月より、それまで所属していたpixiv運営本部からコーポレートエンジニアリング部という間接部門に異動し、社内システム改善を行うとともに社内全般の品質向上を目指して動くことになりました。 入社した当時はソフトウェアテスト・品質を専門としているエンジニアは私一人でした。ピクシブのサービス全般についての品質向上を目的として入社したものの、社内での私自身の認知度もまだまだで、品質に関する相談もかなりまばらな状態でした。需要が少ないということもあるかもしませんが、まずは「社内に品質について相談する人・窓口がある・居る」ことを認知してもらおうと思っていました。そのとき、コー

こんにちは、モバイルファクトリー Advent Calendar 2018 - Qiita の19日目担当の id:neshです。 今日の記事は AppiumでAndroidアプリの自動テストをPerlで書いてみた事についてです。 はじめに この記事では、headless Chromeでお手軽にWebページのE2Eテスト - Mobile Factory Tech Blog で紹介されたE2Eテストを、モバイルアプリで実行する方法を紹介します。 モバイルアプリ向けの自動テストツールは様々あるのですが、Appiumはその中の一つです。 Appiumの公式サイトの紹介記事 に書いてあるように、 Appiumとは、ネイティブ型及びハイブリット型のモバイルアプリ向けに開発されたテスト自動化を実現するためのフレームワークです。 Appiumを使用する事でiOS、Android端末上でテストプログラム

import java.io.IOException; import java.net.MalformedURLException; import java.net.URL; import java.nio.file.Files; import java.nio.file.Paths; import java.util.Base64; import org.junit.After; import org.junit.Before; import org.junit.Test; import org.openqa.selenium.By; import org.openqa.selenium.remote.DesiredCapabilities; import io.appium.java_client.AppiumDriver; import io.appium.java_client.i

AppiumでiOS/Androidアプリの自動テストを試した 〜Appiumをインストールして自作サンプルアプリをなんとか動かすまで〜AndroidRSpeciOSappiumテスト自動化 この記事はSelenium/Appium Advent Calendar 2018の11日目の記事です。 Advent Calendarに初めて参加しました どうぞ、よろしくお願いします 前置き iOS/Androidアプリのテスト効率化を調査した過程でAppiumを知りました。意外に「インストール、設定、自作サンプルアプリ用意、テストコード実行」の一連の流れが揃っている情報は少ないと感じました。せっかくなので実際に動くところまでの手順をまとめました。筆者は一人で数日奮闘してしまいました 今後Appiumを始める方々の負担が少しでも無くなれば幸いです 動作環境

みなさーん！位置偽装してますかー！！位置偽装大好き @M_Ishikawa です！ 位置偽装の魅力はなんといっても、いつでも世界中のどこにでも旅ができる、そんな気分を味わえることですよね！ というわけで、Seleniumを使って位置偽装しGoogle検索して、世界中を駆け巡りましょう！！ これは Selenium/Appium Advent Calendar 2018 の10日目の記事です。 位置偽装ってなあに？ 位置偽装 (Faking Geolocation) とは、ブラウザがGPSやらIP(GeoIP)やらを元にユーザーのいる位置情報を偽装して、東京にいるのにサンフランシスコでググったときの検索結果を出したりすることです。 ググるといいましたが、これはGoogle検索に限らず位置情報の取得は、Geolocation APIを利用することでいろんなサイトでも使われています。Google

C#、ASP.NET、TypeScript、Angular を中心にプログラミングに関した話題を諸々。 by @jsakamoto

この記事はSelenium/Appium Advent Calendar 2018に参加した記事です。 新機能のAWS Lambda Layersが発表されました。 これまでAWS Lambdaのコードファイルが50MBぎりぎりだとか悩まなくてもよくなりますし、コードを更新するたびに重たいアップロードをしなくてもよくなります。 AWSもストレージ容量が減らせるのではないでしょうか。 LambdaでChrome Headlessドライバを使ってスクレイピングをしているのですが、コードのzipファイルが48MBとかなので、制限ぎりぎりです。 これ以上何かを増やすと制限にひっかかります。 そして、ファイルが大きすぎてマネジメントコンソールから直接コードが編集できませんし見えません。 そこで登場したAWS Lambda Layers。 これは使うしかないでしょうということで、試してみました。 過去

この記事は Selenium/Appium Advent Calendar 2018 の6日目の記事です。 こんにちは！ 速いのが良いですか！！ 速い方が都合が良いんですか！！！ 遅いのは...私たちなのかもしれません... Seleniumが遅いならJSDOMを使えばいいじゃない。 https://github.com/jsdom/jsdom ガシャーン ガシャーン DOM描画をしないヘッドレスブラウザーだよ JavaScriptをV8エンジンでこなしてくれるクソ速いやつだよ Seleniumじゃないじゃん！ はい。 Seleniumの話をします。 JSDOMにWebDriver APIを提供するラッパー「taxi-rank」 https://github.com/ForbesLindesay/taxi-rank JSDOMをSeleniumから使えるようになります。これでクソ速くなるよ

Selenium/Appium Advent Calendar 2018、4日目の記事です。 1 日目の 2018 年の Selenium と Appium について、なるべく他の人とかぶらないことに言及するテスト でも言及いただいたのですが、ちょうどこの 12 月より HeadSpin にて活動をはじめました。現状はまだ日本に滞在しています。 今、私は Appium project をメンテしています。その中で感じたここ最近の 普通 になったなということに並列実行(parallel execution)があります。 Appium の公式ドキュメントでも parallel-tests にある通り、その実行方法に関して言及しています。人によっては Selenium Grid を介していたりもします。その中で大事なものは、Appium の各種 Driver と通信できるように、ポートの設定とテ

新しいSelenium IDEのフロー制御系コマンド if / times / while / do ... repeat ifSeleniumSeleniumIDE この記事は Selenium/Appium Advent Calendar 2018 の3日目の記事です。 こんにちは！ グルグルしてますか！！ 人生ですね！！？！？！？！ Selenium IDEでグルグルできるようになりました 新しいSelenium IDEでは、バージョン3.2.0から「Control Flow」と称するフロー制御系のコマンドが実装されました。すなわちグルグルです。 2018年12月3日現在の最新バージョン3.4.5では、次の4種類が利用できます。 if ... else if ... else ... end times ... end do ... repeat if while ... end こ

この記事はSelenium/Appium Advent Calendar 2018の1日目の記事です。 こんにちは！ 今年は忙しかったですか！！？！ 昨年も忙しくなかったですか！！！？？？！？！？ その前の年も、その前の年も... ... ... さて、 Advent Calendar 初日ですね。 今年この界隈であったことのまとめでもざっくり書こうかなと思ったのですが、それ初日でやっちゃうと他の人のネタを驚きの吸引力で奪ってしまうことに気づきました！ これはよくない！ なので私は、誰も拾いそうにない今年のニッチなネタを広く浅く紹介していこうと思います。 お願いですから最後までついてきてください。よろしくお願い申し上げます。 UWSCが死にました いきなり別のソフトじゃねえか！ 穿ちすぎかよ！ と言いつつも、気になる人はこの界隈には多いのではないでしょうか。 UWSCが死んでWebDriv

こんにちは。メルカリの自動化＆品質保証グループ（Automation & QA Group：通称AQA）でQAエンジニアとしてテスト自動化をぶりぶりしている @arminmin です。 先日、シカゴにて開催された SeleniumConf Chicago に参加してきましたので、その様子をレポートします。 SeleniumConfについて SeleniumConf は Selenium や、その関連技術に関するカンファレンスです。 Selenium や Appium などを使ってテスト自動化を推進または検討している人々が集まって最新の動向を共有します。 今年は約600人が参加しました。 また2019年4月には東京にて SeleniumConf が開催されることが決定しています。 なぜ SeleniumConf にいったのか メルカリの AQA では Android アプリケーションのテスト

UIテストの所要時間を10分の1にする試み、Raspberry Piのクラスタで並列実行。ソフトウェア品質シンポジウム2018 開発現場の多くでテストの自動化が進む中で、テスト時間を短縮することはビルドとテストの待ち時間を減らし、開発効率を高める上で重要なポイントになってきています。 そうしたなかで時間がかかっていたUIテストの所要時間を短縮する手段としてRaspberry Piをクラスタ化する手法を紹介するのが、レバテック株式会社 折田武己氏です。 本記事では、9月12日から14日のあいだ東洋大学で開催された「ソフトウェア品質シンポジウム」（日本科学技術連盟主催）での折田氏のセッション「UIテストの所要時間を10分の1に短縮する取り組み～ラズベリーパイのクラスターで並列実行～」の内容をダイジェストで紹介します。 単体テストはさくさく終わるのにUIテストは時間がかかる レバテック株式会社