TRIDENTでは、主にSeleniumを活用したテスト自動化支援サービスを提供していますが、実際にSeleniumを利用する上で次のような課題があると感じていました。 保守性・柔軟性の観点から、プログラミング言語でスクリプトを書くことをお勧めしたいが、そうなると非プログラマがスクリプトやエラー内容を理解しにくくなる。 1ステップごと、もしくはエラー発生時に画面キャプチャを取得し、テスト結果画面から確認できるようにするための作り込みと設定が面倒。 この課題を解決し、Seleniumをもっと使いやすいものにするために、SahaginというHTMLレポートツールを作ってオープンソースで公開しました。現在ベータ版ですが、今日はその機能について紹介したいと思います。 Part 2では、インストール&利用方法(Java)、Q&A、既知の問題を紹介します。 Sahaginでできること Sahaginを

テスト自動化研究会(STAR: Software Testing Automation Research Group Jp)へようこそ。 本会では、ソフトウェアテスティングにおける重要な実践技術である 「テスト自動化」(特に上層、システムテスト/受け入れテスト)について、 技術領域の定義と啓蒙、およびそれを主たる価値とする 「テスト自動化エンジニア」(Automator)という職業の国内における創造を推進しています。 具体的なスコープ、参加方法についてはそれぞれのページをご参照ください。

Seleniumを使ったテストは遅いという話をよく聞きます。理由として考えられるのは以下の3つです。 テスト対象のWebアプリケーションが遅いため 遅いテストを書いているため 実際にWebブラウザを動かしているため 1つ目と2つ目は、環境やコードの書き方を変えることで改善可能です。しかし、3つ目はどうでしょうか。実際のブラウザを高速化することなど、そのブラウザの開発者でもない限り不可能です。となると、できることは、可能な限り高速なブラウザを選択することです。 PhantomJSはヘッドレスブラウザです。ヘッドレスブラウザというのはGUIのないブラウザのことで、GUIの描画処理を行わない分、通常のブラウザに比べて高速に動作するという特徴があります。そのため、時間が掛かりがちなWebアプリケーションのGUIテストを高速化するためのソリューションとして注目されています。また、マルチプラットフォー

Seleniumを使ったWeb UIの自動テストシステムを作ったので、やったこと・感想などをまとめてみます。 テスト対象 テスト対象は、AJAXなWebアプリです。 サーバーはREST APIを提供するのみで、UIは全てJavaScriptという構成。 サポートブラウザはIE7以降,Firefox3.6以降。(特定の組織内で使うものなので、Operaなどは未サポートです。) 使用したSelenium 2.x 系列を使いました。 WebDriverと統合されたあとのやつです。 言語はJavaを使用。 テストの目的 以下を目的としました。 機能追加/不具合改修でのデグレード防止 機能追加や不具合改修に伴う動作不正を検出し、デグレードを未然に防止する。 動作確認コストの削減による開発効率の向上 ブラウザごとの動作確認を自動テストを利用して行うことで、機能実装時の確認工数を減らす。 リリース前のリ

Selenium2 WebDriverを使うとRubyなどでスクリプトを書くことができます。これが結構便利でCIサーバとも相性がいいので、クロスブラウザチェックするときの書き方をメモ。細かい話はWebDriverのドキュメントに書かれています。 IE、FireFoxi、Chromeでテストする場合の書き方 Chromeを動かす場合は、ここからchromedriver.exe を落としてきてPATHを通しておく必要があります。そして、以下を記述すればOK。 https://gist.github.com/daipresents/97509a466788036c908799ab780f31c1.js?file=gistfile1.txt Proxyを通したい場合の書き方 Proxyを通したい場合は、ブラウザごとにやり方が異なります。 https://gist.github.com/daipre

Uncategories Jenkins, Seleniumを使った自動テストの課題とこれからの取り組み こんにちは。QAの井上です。 今回は現在QAチームで行っている自動テストに関する課題、それに対する取り組みについて紹介します。 まだまだ詰めが甘いところがあると思うで、フィードバックいただけるとうれしいです。 早速ですが、QAチームではCIツールにJenkinsを使用していて、約8割がSeleniumによるテストケースでできています。 テストケースの作成から実行まではざっくりですが、以下のようになっています。 - テストケースはFirefoxのIDEを使用して作成 - 作成したテストケースはSVNに保存 - 毎日夜中に最新のソースコードに対してテストを実施 - テストの実施は、Jenkinsのseleniumhqプラグインを使用して、複数台のクライアント(Windows)上でSelen

最近仕事でSeleniumに手を出していて、Selenium2.0以降のAPIを使用している。 ところが、2.0以降についての情報が少なく、こんなことするにはどうすれば？みたいなことを調べると大抵旧バージョンだったりするので、2.xでのコードのサンプルのようなものをメモとして書いてみる。 また職場のブラウザがIE6だったりするので、Selenium IDEはほとんど使ってません。 言語はJavaメインなので、他の言語やブラウザでは使えないかもしれません。 また、旧バージョンのSelenium1.xに触ったことはありません。 導入 ここからダウンロードする。 1.xでは、Selenium-RCと呼ばれていた、各言語のAPIは、WebDriverという名称に変わっているので、 各言語向けのWebDriverをダウンロードして、展開してクラスパスを通せば完了。 ただし、どのWebDriverを使

ByChained というのがあるようです。 ... <ul id="drink"> <li>珈琲</li> <li>緑茶</li> <li>牛乳</li> </ul> <ul id="food"> <li>パン</li> <li>米</li> </ul> ... こんな HTML で、2個めの ul 内の li を取りたいときに、こんな感じで書いてました。 WebElement food = driver.findElement(By.id("food")); if (food == null) { return Collections.emptyList(); } return food.findElements(By.tagName("li")); それが、ByChained を使うとこんな風に書けました。 return driver.findElements(new ByChain

以前から気になっていた Selenium WebDriver を使ってWebアプリの自動テストを試してみたので忘れないうちにメモ。 WebDriverに惹かれたのは以下の理由 ブラウザの操作がJavaで簡単に書ける（学習コストが低い） 記述するコードが簡潔で分かりやすい（コードのメンテナンスがしやすい） JUnitからも実行できる（Jenkinsから実行して自動化したり） ブラウザのスクリーンショットが撮れる（エビデンス作成） 導入準備 ここから Selenium Client Drivers(Java) をダウンロードしてjarにクラスパスを通すだけ。 Mavenを利用する場合、pom.xmlに selenium-java を追加するだけでOKです。 ブラウザ操作の機能のみを利用するだけなら selenium-htmlunit-driver は不要なのでexclusionを指定しておくと

Seleium2.0の全体像の説明はWebDriver - あすかぜ・ねっとが参考になります。 しかし、実際に動かしてみないとピンと来ないのでGettingStarted - selenium - Getting started with WebDriver - Browser automation framework - Google Project Hostingに従って、Selenuim2.0を動かしてみましょう。 ダウンロードする 今は2.4が最新 好きな場所に解凍する Eclipseで新規Javaプロジェクトを作る プロジェクト名はGettingStartSeleniumなどおすすめ プロジェクトの参照ライブラリにダウンロードしたjarを追加する プロジェクトを右クリックして「ビルド・パス（B)」 > 「外部アーカイブの追加（V)」 selenium-java-2.4.0.jar

リッチなユーザインターフェースを備えたWebアプリケーションでは、Ajaxやアニメーションなどの非同期処理はよく用いられます。こういったWebアプリケーションをSeleniumでテストする際、従来の静的なユーザインターフェースを持つWebアプリケーションと同じようにテストを作成していると、実際にテストを動かした時に次のような問題が発生することがあります。 存在するはずの要素が見つからない（あるいはその逆） 画面全体、もしくは特定の要素の内容が更新されていない 例えば、以下のようなソースコードです。 ajaxButton.click(); WebElement fooElement = driver.findElement(By.id("foo")); 非同期処理を伴うボタンをクリックした後にfooというIDを持つ要素を探していますが、この要素が非同期処理の完了後に表示される要素であった場合

この記事では、Facebook のあいさつ(Poke)機能への返信を題材に、沢山たまるとウザい嬉しいあいさつを自動で返すスクリプトを書くことで、Selenium2.x の使い方、特に Ajax アプリをテストする方法について学べるようにする。 Ajax がからんだWebアプリケーションのエンドツーエンドの最近のテスト手法についてのまとめにもなっていると思う。 最初の3節ぐらいは「Seleniumとは〜」とか「テストってのはさー」とかゴタクをごたごた書いているので、Seleniumの実際のコード見た方がはえぇよ。って言う人はコードが出てくるまで記事を飛ばすと良い。 こんな記事を気合入れて書いて公開した当日に…FacebookのUIが変わって…作ってたスクリプト動かなくなってしまった…orz。俺が何かやったり買うと事件が起きるんや・・「なにか買うとその直後に安くなったり、新機種がでたりするとい

PageObject パターンを楽に実現するために、PageFactory というクラスがあります。 PageFactory - selenium - Description of the PageFactory in the WebDriver support library. - Browser automation framework - Google Project Hosting PageObject クラスのフィールドに WebElement をマッピングしてくれます。 上記のページを見ると分かりますが、フィールド名か、@FindBy アノテーションで紐付けます。 こんな感じに実装していたのが、 import static org.openqa.selenium.support.ui.ExpectedConditions.*; ... public class Login {