自己紹介 2 上田 和樹 JaSST 北海道実行委員 TEF 道 札幌で活躍するアマチュアミュージシャン兼ソフトウェアエンジニア

Transcription

1 1 Selenium のラッパーツールを自作して公開してみた ~ 自動化 WG のチャレンジ ~ Team

2 自己紹介 2 上田 和樹 JaSST 北海道実行委員 TEF 道 札幌で活躍するアマチュアミュージシャン兼ソフトウェアエンジニア

3 Selenium とは? 3 Web アプリケーション用のオープンソースツール ブラウザの操作を自動化することが出来る WEB アプリケーションの UI 自動テストなどに使用できる 大きく分けて 以下の二種類が存在する Selenium IDE Selenium Web Driver

4 Selenium IDE 4 ブラウザ操作の自動化ツール 期待値比較も出来る ( メリット ) Firefox のアドインとして動作するため インストールが簡単 実際の操作を記録してスクリプト化してくれるので プログラム知識が不要 期待値も 操作を行いながら設定する事が可能 ( デメリット ) FireFox でしか動作できない メンテナンス性が低い テスト対象画面に変更があると大変 部品化が困難

5 Selenium WebDriver 5 WEB を対象とした テスト自動化のオープンツール マルチブラウザ対応 Java や Python や C 言語で動作する Android や ios でも実行可能 スクリプト記述式なので 高度な操作やテストスクリプト設計が可能 テスト部分は JUnit など 既存のフレームワークを使用

6 Selenium WebDriver 6 ( メリット ) JAVA などのオブジェクト指向言語が使えるため 部品化や最適化が容易 メンテナンスを考慮した設計が行える 共通化をうまく行えば 修正は一箇所で済む メジャーなブラウザ毎に WebDriver が用意されているので ブラウザを問わない ( デメリット ) 言語の開発環境が必要 (JAVA+ECLIPS など ) プログラム開発知識が必要 期待値確認は スクリーンショット出力か JUNIT などの言語側のフレームワークが必要

7 経緯と問題点 7 Selenium を選択する自動化の場面が増えてきた Selenium IDE は取り掛かりやすいが FireFox でしか動作しない & メンテナンス性が低いなどの問題アリ Selenium Web Driver は上記の問題解決になったが ある程度プログラム知識が必要になる

8 Selenium Web Driver を 8 スクリプトで記載する場合 (JAVA) そもそもプログラム書けない 書けるけどめんどくさい メンテナンスが面倒 開発環境を用意するの面倒

9 問題解決のために 9 プログラムを書かずに自動化スクリプトを構成することはできないか? キーワード駆動 という考えはとても良さそう! オープンソース / フリーツールで上記が達成できないか? あるにはあったが 必要な機能が実装されていない 機能追加が困難な作り

10 やりたいことのイメージ 10 自動化用のキーワードを記載 操作対象アクション期待値 お問い合わせ のリンク クリック タイトルが お問い合わせ ココが欲しい ツールが勝手に読み込んでスクリプトに変換してくれる! Selenium がコードを処理して自動テスト実施 driver.findelement(bt.linktext(" お問い合わせ ")).click; try{ assertequals(" お問い合わせ画面 ",driver.getrtitle()); < 略 > }

11 弟子の S 井に無茶ぶり 11 おれ なんか いいツール探して S 井 わかりました! S 井 S 井 適したのが無いっス おれ じゃあ作って S 井 わかりました!

12 制作に携わった札幌の男たち 12 ( なんとなく立ち上がった自動化 WG) おれ ( 企画と無茶ぶり ) テスト屋 業務でコードは書かない S 井 ( 全体設計とほぼすべてのコーディング ) テスト屋 業務でコードは書かない A 池 ( 最終仕上げと他ツール連携の構築 ) テスト屋 業務でコードは書かない

13 弟子の S 井に無茶ぶり 2 13 おれ 自動化部分はSelenium 使ってね S 井 わかりました! S 井 でもSelenium 一切知りません おれ ググって S 井 わかりました!

14 弟子の S 井に無茶ぶり 3 14 おれ 期待値の検証はJunit 使ってね S 井 わかりました! S 井 でもJunit 一切知りません おれ 何とかして S 井 わかりました!

15 弟子の S 井に無茶ぶり 4 15 おれ やっぱり Jenkins 連携もしたいわ S 井 わかりました! S 井 でもJenkins 以下略

16 S 井と A 池の活躍で 何とか完成 16 エクセル上でキーワード書くと スクリプトに変換して Selenium が動く 期待値比較と結果出力は Junit を使用 エクセルの使いやすい UI を利用できる 定義されたキーワードを配置していくだけなので スクリプトの知識は不要 テストケースとして認識できるので 可読性とメンテナンス性が高い はず

17 Guarana( ガラナ ) 17 ブラウザの自動テストが可能 ( 自動実行と期待値比較 ) IE/FireFox/Chrome/Edge プログラム言語の知識がなくても自動テストを実行できる テスト結果をスクリーンショットで保存する機能もあり ループ処理により大量のデータを生成などにも利用できる 北海道名物のアレから仮にコードネームをつけたら そのままになってる 基本は植物の名前ですね 開発環境は不要 (JAVA のランタイムは必要 )

18 Guarana 概要 動作の記述 Selenium が読み込めるスクリプトに自動変換 Selenium IE Driver 自動操作対象 ブラウザ (IE) エクセルでテストケース記述 Guaran a SeleniumDri ver を動作させるクラス FF Driver ブラウザ ( FF) ここを作った Chro me Driver ブラウザ ( Chrom e)

19 せっかくなので公開してみた 19 まずは自動化に興味を持ってもらいたい ツール ( スタンドアロン版 ) を無償公開 自動化を体験したことない方 ( ウチのメンバ含む ) に おおお 動いた! を感じてもらいたい 小規模の WEB 自動テストやテストデータ作成などに使えるはず ( 有用であるはず ) 公開によって適正なフィードバックを得て 自分たちの技術向上のために役立てたい ダウンロード からご自由に使用してください ( 使用に関しては README の内容を確認ください )

20 テストケース兼自動化スクリプト画面 20 テストケース概要 画面と部品要素指定部 動作キーワードとデータ指定 期待値と結果比較方法

21 アクションの指定 21 入力データ設定 用意されたアクションワードから選択

22 期待値の比較方法選択 22 期待値の設定 期待値の比較方法を選択

23 キーワードファイルをエクセルで作っ 23 たらバッチファイルに D&D

24 記載したキーワードの通りに動く 24 わたしはウエダ

25 テスト結果例 ( テキストにて掃出し ) 25 Test-001_ 全項目入力, テスト結果 : NG java.lang.assertionerror: Expected: is 上田 " but: was 土田 " Test-002_ 必須項目のみ入力, テスト結果 : OK 期待値 : 櫻井, 実測値 : 櫻井期待値 : 011, 実測値 : 011 期待値 : mail@hogehoge.co.jp, 実測値 : mail@hogehoge.co.jp

26 スクリーンショット 26

27 その他 ( スタンドアロン公開版にはま 27 だ未実装ですが ) Jenkinsとの連携 (CI) Appiumとの連携 スマフォ (WEBサイト/ ネイティブ ) SeleniumGridを使用して並行処理

28 参考 Jenkins を使った Test 結果 28

29 制作を通じて 29 自分たちが使いたいツール / 使えるツールが手に入った 色々な勉強ができた オブジェクト指向開発 Selenium Junit Jenkins Appium やはりモノ作りは楽しかった まだフィードバックは少ないが 意見をくれる方 ( 実際に使ってくれている方 ) がいると励みになる

30 適用事例 30 Web サイト / アプリの回帰テスト 大量テストデータの作成 複数アカウントのログイン試験など

31 結論 31 使いたいツールがないなら作ってしまえ 作り方が分からないなら ググれ それでもわからないなら みんなで助け合え それでもわからないなら S 井に 意見が欲しければ公開しちゃいな

32 ありがとうございました 32 Team