Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SelenideよるDSL風E2Eテスト基盤開発の実例 in Osaka /Example_o...
Search
SHIMANE, Yoshikazu
August 05, 2017
Technology
0
1.1k
SelenideよるDSL風E2Eテスト基盤開発の実例 in Osaka /Example_of_E2E_Automation_Test_Architecture_By_Selenide_in_Osaka
SHIMANE, Yoshikazu
August 05, 2017
Tweet
Share
More Decks by SHIMANE, Yoshikazu
See All by SHIMANE, Yoshikazu
テスト技法を使ったテストケースの表現方法/How to express test cases using test techniques
shimashima35
0
1.2k
VSTePのテスト観点出しで失敗した事例についての紹介/Failure case of test viewpoint derivation
shimashima35
0
700
組織横断部門におけるバグ数可視化の全社導入の事例/Example_of_company-wide_bug_number_visualization in_cross-organizational_departments
shimashima35
1
360
JaSST Tokyo実行委員のお仕事/Job of JaSST executive committee
shimashima35
0
750
What is “Quality” ?
shimashima35
0
1k
品質"実質"無料キャンペーン始めます / Start_quality_real_free_campaign
shimashima35
2
5.6k
明日から始めるSelenideによるブラウザテスト 2018年版/ Browser_test_by_selenide_to_start_from_tomorrow_in_2018
shimashima35
1
860
SelenideよるDSL風E2Eテスト基盤開発の実例/Example_of_E2E_Automation_Test_Architecture_By_Selenide
shimashima35
0
1k
明日から始めるSelenideによるブラウザテスト / Browser_test_by_selenide_to_start_from_tomorrow.
shimashima35
0
2.5k
Other Decks in Technology
See All in Technology
Kaigi Effect 2025 #rubykaigi2025_after
sue445
0
150
テストコードにはテストの意図を込めよう(2025年版) #retechtalk / Put the intent of the test 2025
nihonbuson
PRO
7
1.6k
Simplify! 10 ways to reduce complexity in software development
ufried
2
260
MCP でモノが動くとおもしろい/It is interesting when things move with MCP
bitkey
2
540
Docker Compose で手軽に手元環境を実現する / Simplifying Local Environments with Docker Compose #CinemaDeLT
nabeo
0
180
SaaS公式MCPサーバーをリリースして得た学び
kawamataryo
4
1.3k
ユーザーコミュニティが海外スタートアップのDevRelを補完する瞬間
nagauta
0
190
分解し、導き、託す ログラスにおける“技術でリードする” 実践の記録
hryushm
0
240
非root化Androidスマホでも動く仮想マシンアプリを試してみた
arkw
0
130
転職したらMCPサーバーだった件
nwiizo
3
2.4k
Новые мапы в Go. Вова Марунин, Clatch, МТС
lamodatech
0
2.1k
Part1 GitHubってなんだろう?その2
tomokusaba
2
770
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
179
53k
Faster Mobile Websites
deanohume
307
31k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Visualization
eitanlees
146
16k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The World Runs on Bad Software
bkeepers
PRO
68
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Balancing Empowerment & Direction
lara
0
15
For a Future-Friendly Web
brad_frost
177
9.7k
A better future with KSS
kneath
239
17k
How STYLIGHT went responsive
nonsquared
100
5.5k
Transcript
SelenideによるDSL風E2Eテスト基 盤開発の実例 in Osaka 関西Javaエンジニアの会 8/5 - Selenium 島根 義和
@shimashima35 https://srad.jp/~shimashima
はじめに • 社内で開発したWebDriver(Selenide)を使ったE2Eテスト基盤の実例を紹介します。 • 基本的にJavaが前提ですが、静的型付けのメリット以外は他言語でも利用可能で す。
注意 • Test Engeneer MeetUp #2 の発表内容がベースになっています。 • 基本的にQiitaで公開した内容とほぼ同じです。 ◦
http://qiita.com/shimashima35/items/6d39be9a4fea05dcc84f
Selenideとは? • JavaのSelenium WebDrvierラッパーライブラリ。 • http://selenide.org/ • WebDriverの実装を抽象化し、UI Testに特化したAPIを提供している。 •
読みやすいAPI。 • IDEによるサポートを意識した作り。
基盤開発の目的 • 高い保守性 • 高い生産性 • 可能であれば仕様策定者が自分でテストをかけるようにする
階層化Page Object Pattern導入 • 一般的なPage Object Patternを拡張 ◦ BasePage ▪
抽象クラス ▪ セレクタのみが記述される ▪ WebDriver/Selenide API依存 ▪ メソッドシグネチャにも Selenideの型が現れる ◦ Page ▪ 具象クラス ▪ 抽象化した画面操作 APIを提供する層 ▪ メソッドシグネチャは Java標準APIの型のみ
階層化Page Object Pattern導入 サンプル
Selenium/Selenideの直接操作の排除 • テストシナリオでSelenium/Selenideの実装を隠蔽する。 ◦ シナリオの注力する ◦ 実装隠蔽による変更耐性向上 ◦ 特別なAPI学習の必要性を排除
全面的な日本語メソッド化 • 税務・会計・給与を対象しているため ◦ 一般的なWeb画面に比べて入力項目が多数 ◦ 似たような名前で且つ業務的に特殊な用語が使われることが多い ◦ 日本語化することで画面の項目とメソッド名とのギャップを埋める •
非プログラマでもテストをかけるように ◦ 心理的障壁をさげる
全面的な日本語メソッド化 サンプル
疑似Builder Patternによるデータ登録 • ユーザ登録などで入力項目が多数になる • シナリオで記述は大変 • 共通メソッド化を行うにしても引数が多い、また入力しなくても良い項目の存在 • Builder
Patternを導入することでわかりやすくする
疑似Builder Patternによるデータ登録 サンプル
Mix-inによる画面共通項目の一元化 • 画面単位の処理はPage Objectで対応 • 画面横断的な処理はどうするか? • Mix-inで対応 • Java8
interface の default method で実現
None
Mix-inによる画面共通項目の一元化 サンプル
画面要素の細かいObject化 • 画面上の項目数が多い & コンテキスト(配置場所)違いで同じ名称が存在している • コンテキストをすべてClass化 (Page Objectのinner class)
• コンテキストへのアクセスはメソッド経由
None
None
疑似的なDSLのために、戻り値をObject化 • Selenideのように、IDEの力を借りるため • 戻り値をObjectにすることでIDEの補完機能が使える
デモ
終わりに • テスト自動化は大変ですが、様々な手法を使うことで苦労を軽減することができま す。 • IDEの力も、可能なかぎり借りましょう。 • 自動化はコストがかかるので、頼り過ぎには注意を。 • 目的をはっきりさせた上で使いましょう。
最初の実装 • 開発直後からすべてできていたわけではない。 • 以下は最初から対応。 ◦ 階層化Page Object Pattern ◦
Selenium/Selenideの直接操作の排除 ◦ 全面的な日本語メソッド化 • 残りは途中で改良 • 設計方針が決まれば実装はさほど手間ではない。
録画機能の追加 • ローカルで成功するがCI環境で失敗することは結構ある。 ◦ 明示的なwaitを入れていても。 • ログだけでは原因追求が難しいため、操作を録画する機能を追加。 • 基本的にすべての操作を録画しておき、テスト成功時には削除する。 ◦
つまり、失敗時の動画のみのこる。 • H.264やmpeg2などでは数分で200MByte程度。(記憶) • 画面キャプチャ用のコーデックを使うことで1/100程度に削減。 ◦ TechSmith Screen Capture Codec ◦ 録画用ライブラリはMonte Media Library • BrowserStackなどを使っていれば実は不要。
基盤作成のその後… • 当初目標大幅未達! • 基盤は作ったもののシナリオ実装が進まず。 ◦ 現在担当者不在。 • 実行基盤をAWSに移行したが、その結果録画が機能せず。 ◦
ローカルのフレームバッファーがないためだと思う。 • 現在メンテされず絶賛放置中。 ◦ でもJenkinsで定期実行はされています。 • 私も半年以上Selenide触っていません。
ご静聴ありがとうございました