UI Testing Handbook
OverviewUI testing is integral to delivering high-quality experiences. But there are so many ways to test that it can be overwhelming to figure out what's right for your project. This guide distills learnings from leading teams such as Target, Adobe, O'Reilly and Shopify into a pragmatic testing strategy that offers comprehensive coverage, easy setup, and low maintenance. We'll walk through the pr
DevOpsバグフィルターでテストへの理解を深めよう｜グロービス・デジタル・プラットフォーム
テストは大事と言われても全然ピンとこない……。テストの話をいくらしてもわかってもらえない……。その悩み、DevOpsバグフィルターで一挙解決！？ ※この記事では、一部「バグ（虫）」を模したイラストおよび説明が用いられています。非常にわかりやすいモデルではありますが、お食事中にはご覧にならないことをお勧めします。結論ファーストこの記事で何を語っているかを素早く知りたい、忙しい方のために、サマリーを載せておきます。しかし、おそらく一瞥しただけではまったく意味がわからないと思いますので、ぜひ本文もお読みくださればと存じます。 テストピラミッドはシンプルなモデルであり、広く使われてきたが、その反面、有効性に疑問を呈するテスターも存在する。Noah Sussmanのバグフィルターは、そんなテストピラミッドへの批判と再考の流れから生まれたものである。これをベースに、Katrina Clokieが改良・
レガシーでウォーターフォールなVue.jsでの大規模開発に捧げるテスト駆動フロントエンド開発の話 / v-tokyo10
大規模ウォーターフォール開発の中で実施している、vue-testing-libraryを利用したテスト駆動開発の紹介です。
【サーバーサイドKotlin】KotlinTestによるKotlin × SpringBootの単体テスト
HOME ブログ サーバー , Kotlin 【サーバーサイドKotlin】KotlinTestによるKotlin × SpringBootの単体テスト こんにちは、サーバーサイドエンジニアの竹端です。 以前【サーバーサイドKotlin】ことりん × テスト with SpringFrameworkにてKotlinのテストフレームワークの検証内容をご紹介をしました。 この時はSpek、KotelinTestというKotlin製のフレームワークがSpring Frameworkとの相性の問題で使えず、JUnitを採用するという検証結果になっていました。 しかし、その後KotlinTestにアップデートがあり、Spring FrameworkのDIに対応がされたため、そちらへ移行することとなりました。 今回はKotlinTestをSpring Frameworkを併せて使った際のテストコードの
Headless Chrome を操作する Puppeteer で E2E テストを CircleCI で動かしてみた | CYOKODOG
Chrome DevTools 開発チームによる puppeteer なる Headless Chrome を操作するライブラリがでたので、もろもろ試したことをメモっておく。 試したやつのリポジトリ：cyokodog/puppeteer_study puppeteer とは Headless Chrome をNode.jsで操作しやすくしたライブラリ Chrome DevTools 開発チームがメンテナンスしてる Node v7.10以降が必要 Headless Chrome のおさらい puppeteer 位置づけを確認する意味で Headless Chrome をどう動かしてたかをおさらい（via Headless Chrome をさわってみた | CYOKODOG）。 Node.js で Headless Chrome を起動する Headless Chrome を操作するには De
Heroku CIを使ってみた - Qiita
Heroku CIはHerokuが提供するContinuous Integrationのためのテスト自動化サービスです。 非常にシンプルかつHerokuとシームレスに統合されており、簡単に使い始めることができます。 Heroku CIは2017年5月18日に正式リリースされました。 Heroku CI Dev Center https://devcenter.heroku.com/articles/heroku-ci Heroku CIの概要 Heroku CIはHerokuのアプリケーションライフサイクル管理機能であるHeroku Pipelinesと組み合わせて使用します。 HerokuのダッシュボードからまずはPipelineを作成すれば、Pipeline内のメニューにTestsという名前でHeroku CIの機能へアクセスできます。 Heroku CIの画面では、左側のペインに実行
MonacaアプリのUIテストに。Appiumを試す
アプリのテストを行う方法は幾つかあります。まず機能レベルでのテストを行うユニットテストがあります。また、サーバを使っている場合は負荷テストを行うこともあるでしょう。しかしこれらのテストだけでは分からない、実際の操作を通じて意図した通りに動いているか確認するUIテストがあります。アプリにおいてはUI/UXが大事なので特に重要なテストです。 Webの世界ではUIテストを行う仕組みとしてSeleniumがよく知られています。それをiOS/Androidアプリに対して適用したのがAppiumです。 今回はこのAppiumをMonacaアプリで動かす方法について紹介します。 CLI版Monacaの準備 Appiumはローカルで動かしますのでMonaca.ioではなくCLI版のMonacaを使います。そのためnode.js/npmはインストールされているものとします。
Android, iOSでGUIテストを自動化するためのAppium [概要編] - Qiita
フロントエンド開発のテストを効率化したいと考えている今日、各種ブラウザ上でGUIテストの自動化ができるSelenium WebDriverがあるが、SP（iPhone, Android）でGUIテストを行う場合はAppiumが使えるようなので、とりあえず概要だけ調べてみた。 この記事で書かない事 Selenium WebDriverについて Appiumの環境構築方法について Appiumとは Appium is an open source, cross-platform test automation tool for native, hybrid and mobile web apps, tested on simulators (iOS, FirefoxOS), emulators (Android), and real devices (iOS, Android, Firefox
![Android, iOSでGUIテストを自動化するためのAppium [概要編] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d81eca40387ca4fdf40abb97791d7731305b30f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9QW5kcm9pZCUyQyUyMGlPUyVFMyU4MSVBN0dVSSVFMyU4MyU4NiVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MiU5MiVFOCU4NyVBQSVFNSU4QiU5NSVFNSU4QyU5NiVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSU5RiVFMyU4MiU4MSVFMyU4MSVBRUFwcGl1bSUyMCU1QiVFNiVBNiU4MiVFOCVBNiU4MSVFNyVCNyVBOCU1RCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MDdiZDMzZTQ5MmU5ZTMwZWVhNmEwYzcxNzc3NzM4NzU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwY2F3cGVhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kMGU2MDZhODM5MDA2YzkyODY5MTAwOGM3NTJiMjIwZg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D84a26f1d8067d626a339b1426ded257a)
ユニットテストを書こう (TypeScript版) - Developer’s Blog
こんにちは、エンジニアの尾形です。 みなさん、ユニットテストを書いていますか？ このページに訪れた方は、少なくともユニットテストに興味がある方でしょう。 今回のブログでは、ユニットテストの流れをサンプルプログラムとともに簡単にご紹介します。 これからユニットテストを始めたいという方の参考になれば幸いです。 今回のサンプルプログラムはTypeScriptで記述していますが、 Node.jsやその他の言語でも考え方はほぼ同じです。 ユニットテストとは？ ユニットテスト（単体テスト）は、プログラムを構成する単位（ユニット）が正しく動作することを検証するテストです。一般的には、クラスやメソッドがテストの対象となります。 ユニットテストにはテスト自体の合否のほかに、カバレッジ（網羅率）という指標があります。ユニットテストがテスト対象のコードをどのぐらい網羅しているかを表すものです。カバレッジについて
Jest 14.0のSnapshot Testingという新しい機能 - Qiita
Reactコンポーネントのテスト 最近コンポーネントのテストを試していて、とりあえずFBが作っているJestというフレームワークを試していました。一通り理解してテストを完了した、というタイミングでバージョナップされていました。 う～ん日進月歩 概要 必要なものは、Reactコンポーネント、対応するテストプログラム、スナップショットファイルです。 Reactコンポーネントはテスト対象です。説明することもないですね。 そして、今まではテストプログラムで、ごにょごにょと色々していたのですが、スナップショットテストだと基本的にtoMatchSnapshot()を実行していくだけです。 楽だ～ そして、今回の肝となるスナップショットファイルですが、最終的に出力されるHTMLをそのまま記述します。renderメソッドのreturn値を記述していく感じですね。そして、キーとしてSuite(describ
Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita
はじめに みなさん、日頃JavaScriptのテストはどのように行っていますか？ 昨今ではAngularJSやReactJSを始め、JavaScriptのフレームワークやライブラリを使用してのフロントエンドの開発が当たり前のようになってきております。 ではそのフロントエンド、JavaScriptのテストはどんなツールを使っていますか？ mochaやpower-assert、chai、Karma、Jasmine等を組み合わせて使用してテストしているでしょうか。 前置きが少し長くなりましたが、Facebookが開発したオールインワンな「Jest」というツールのReactでのHowto的な使い方から実際のテストでの使用例を交えて紹介したいと思います。 ちなみにこのJest、最近リリースされて話題になったパッケージ管理のYarnでも使われています。 対象バージョン Jest:22.0.4 Reac
テストデータを作成する際に役立つツールやサイト | DevelopersIO
はじめに WEB案件でテストデータを作成する際にさくっと使えて、重宝しているツールやサイトをご紹介したいと思います。 添付ファイルのテスト ブラウザからファイル選択して、サーバへPOSTしたりS3へ保存させたりと添付ファイルを扱う際にファイルサイズのテストは必須かと思います。そこで必要になるのが要件にあったファイルサイズのファイルです。ちょうどほしいサイズのファイルなんてそうあるものではありません。そんな時はコマンドからファイルを作りましょう。任意のファイルサイズのファイルを以下のコマンドを使って作成できます。 windowsの場合 コマンドプロンプトを起動してfsutilコマンドでファイルを作成できます。 以下の例ではc:\のディレクトリに1000バイトのファイルサイズのdummy_fileが作成されます。 fsutil file createnew c:\dummy_file 1000
Xamarin.UITest Tips for Xamarin.Forms Controls - Qiita
0. はじめに この記事は、Xamarin その1 Advent Calendar 2017 - Qiita の 23日目のエントリーです。12月23日は、私の誕生日でして、昨年に引き続き今年も23日目を担当させていただき、嬉しく思います。よろしくお願いいたします。 本記事は、Xamarin.UITest における Tips 集です。Xamarin で提供される個別のコントロールに対するテストコード方法について調査・検証した結果をまとめています。 1. Xamarin UITest の基本 AutomationId 属性 UI テストでは、ある特定のコントロールに対して操作を行う必要があります。Xamarin.Forms のコントロールには、UI テスト時にコントロールを識別するための仕組みとして、AutomationId 属性が提供されています。UI テストで操作する必要のあるコントロー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - checkly/headless-recorder: Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script.
まだまだ間に合う！JUnit 5入門 / JJUG CCC 2018 Spring
UI Testing for Apache Cordova Apps with Appium - Cordova
In this tutorial, we will be covering another type of automated test called End-to-End Testing, and how to apply that to an Ionic and Angular application.
Ionic FrameworkのUnit Test作成方法 | angular | AURORA Developers Blog
Angular Testing Snippets: the new HttpClient
Testing Angular 2 HTTP Services with Jasmine - Semaphore