$30 off During Our Annual Pro Sale. View Details »

2019-07 テスト自動化/2019-07 Test automation

Cybozu
PRO
May 31, 2019
Technology
2
160k

2019-07 テスト自動化/2019-07 Test automation

Cybozu
PRO

May 31, 2019
Tweet

More Decks by Cybozu

See All by Cybozu
jsconf-sponsor-lt.pdf
cybozuinsideout
PRO
0
2.8k
kintone UXリサーチャーのお仕事紹介
cybozuinsideout
PRO
0
53
サイボウズのUXリサーチャーについて
cybozuinsideout
PRO
0
30
サイボウズの日英翻訳／ローカライズ担当について
cybozuinsideout
PRO
0
250
Garoon 開発チーム / Garoon development team
cybozuinsideout
PRO
0
970
サイボウズの QAエンジニアについて / about cybozu QA
cybozuinsideout
PRO
0
470
Waffle Camp ホームタウン in 札幌 Career Talk Session
cybozuinsideout
PRO
0
390
サイボウズのセキュリティの取り組み
cybozuinsideout
PRO
0
230
モブに早く慣れたい人のためのガイド / A Guide to Getting Started Quickly with Mob Programming
cybozuinsideout
PRO
3
4.4k

Other Decks in Technology

See All in Technology
効率良く開発を進められる閉域 Azure Machine Learning 環境
shuntaito
2
280
ソフトウェアアーキテクチャ・ ハードパーツ: Software Architecture The Hard Parts
snoozer05
PRO
3
1.7k
Securing CI/CD Systems Through eBPF (recap)
whywaita
PRO
0
380
PyTorchの最近の動向
hamukazu
0
350
DevOps実装初期フェーズの組織がTerraformとecspressoで求めるAmazon ECS CICDの最適解/AWS ECS CICD with Terraform and ecspresso
tocyuki
8
1k
2022技育祭_映写資料①
techtekt
0
200
Teslaにおけるコンピュータビジョン技術の調査 (2)
kzykmyzw
0
180
コンテナ環境でのJava技術の進化
kazumura
5
1.1k
同志諸君よ、ゼロトラストを撃て_CloudNativeDays2022
ken5scal
2
2.2k
脱・塩漬け!サステナブルなKubernetesエコシステムの管理をしていくために
sshota0809
2
170
Microsoft 365 による情報保護 ～ DLP 編
sophiakunii
0
560
マニフェストレスで使える IaC・CI/CD のSaaSプロダクト化への挑戦
hrk091
1
220

Featured

See All Featured
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
175
8.9k
Stop Working from a Prison Cell
hatefulcrawdad
263
18k
Making Projects Easy
brettharned
101
4.7k
Build your cross-platform service in a week with App Engine
jlugia
221
17k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.1k
Support Driven Design
roundedbygravity
87
8.8k
It's Worth the Effort
3n
174
26k
Building Applications with DynamoDB
mza
84
4.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
215
21k
Pencils Down: Stop Designing & Start Developing
hursman
113
10k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
A designer walks into a library…
pauljervisheath
197
16k

Transcript

  1. 開運研修2019 テスト自動化 テストエンジニアリングチーム

  2. この講義の目的 ▌テスト自動化の基本の「き」を知る ▌テスト自動化の演習を通して、 ⚫ 自動テストのよい書き方を知る ⚫ 自動テストの動く仕組みを知る

  3. テスト自動化の基本

  4. 質問：手動テストは全部、自動化すればいいと思いますか？

  5. 質問：手動テストは全部、自動化すればいいと思いますか？ ▌答え：NO！ ▌全部自動化すればいい訳ではない ▌なぜ？ ⚫ 自動テストの数だけ、メンテナンスコストがかかる ⚫ 実施頻度が少ないテストケースを自動化しても、 自動化をすることに時間がかかる場合もある ▌実行頻度の多いテストケースのみを自動化するなど

    工夫が必要

  6. 参考：テストのピラミッドという考え方 ▌テストのピラミッドは、Mike Cohnの"Succeeding with Agile"[Coh09]で最初に提唱されたモデル ⚫ UIテスト ⚫ いわゆる画面上で動作するテスト ⚫

    テスト速度は遅い ⚫ UIの変更が入るとテストが動かなくなる ⚫ インテグレーション(統合)テスト ⚫ UI層の1つ下の層までをテスト ⚫ WebAPIのテスト ⚫ ユニットテスト ⚫ コードレベルのテスト ⚫ テスト速度は早い UIテスト インテグレーションテスト ユニットテスト テスト数 速度 速 遅

  7. 質問：どんなテストでも自動化できると思いますか？

  8. 質問：どんなテストでも自動化できると思いますか？ ▌答え：NO！ ▌画面の崩れや画像のテストは、自動化が難しい 例）ボタンがずれていないことをチェックするテスト 例）アイコンが「×」であることをチェックするテスト ▌人間の目でチェックした方が、格段に効率が良いことも ある

  9. 課題内容

  10. 課題の説明 ▌課題： cybozu.comのログイン画面のテスト自動化

  11. 自動ブラウザテストの作成 ▌TEが作成したTCB(Test Common Base, テスト共通基盤)の仕 組みを利用しています。 ⚫ テストの形式を共通化 ⚫ PageObject

    ⚫ TestFlow ⚫ TestScript ⚫ ライブラリの共通化 ⚫ tcb-util ⚫ tcb-eslint … ⚫ 簡単に自動テストを作成できる ▌言語：JavaScript(Node.js)

  12. Selenium WebDriverについて ▌Selenium WebDriver ⚫ OSSのソフトウエア ⚫ 自動でWebブラウザを操作してくれるツール ▌できる操作 ⚫

    ボタンをクリック ⚫ フォームに値を入れる ⚫ 値が表示されるまで待つ ⚫ 値を取得する ⚫ などなど… http://webdriver.io/api.html

  13. chaiについて ▌アサーションライブラリ：chai ⚫ OSSのソフトウエア ⚫ 動作結果の判定 ▌http://www.chaijs.com/ ▌実行結果と期待結果を比較 ⚫ expect(実行結果).to.equal(期待結果)

    ほかにもいろいろな比較方法がある expect(‘foo’).to.be.a(‘string’) →型がstringであるかどうか expect('foobar').to.include('foo’) →fooが文字列の中に含まれるかどうか expect(実行結果).to.be.true →実行結果がtrueかどうか 参考URL

  14. mochaについて ▌テストフレームワーク：mocha ⚫ OSSのソフトウエア ▌https://mochajs.org/ ▌describe()→テストの説明 ▌it()→テスト1ケース

  15. TCBの構成 ▌PageObject ⚫ ページを構成している部品を記述(element) ⚫ 簡単な動作を記述(method) ▌TestFlow ⚫ PageObjectを使って複雑な動作を記述(method) ⚫

    動作結果の判定 ▌TestScript ⚫ 実施するテストの具体的な手順

  16. PageObjectについて ▌PageObject ⚫ ページを構成している部品や、その簡単な動作を記述 /src/pages/LoginPage.js 「セレクタ」と呼ぶ $(“.class名”) $(“#id名”) でも利用可能。

  17. PageObjectについて ▌セレクタのいろいろな書き方 セレクタ 書き方 Id #product Class名 .entry CSS div.entry

    Xpath /html/body/div Tag名 div 属性フィルター input[name=“pass”] <html> <body> <div class="entry“ id=“product”> <form id="login"> <input name="user" type="text" /> <input name="pass" type="password" /> </form> </div> </body> <html>

  18. PageObjectについて ▌PageObject ⚫ ページを構成している部品や、その簡単な動作を記述 /src/pages/LoginPage.js WebDriverIOのAPIを利用 http://webdriver.io/api/action/setValue.html 他にも、クリックする、値を取得する…などもある

  19. TestFlowについて ▌TestFlow ⚫ PageObjectを使って複雑な動作を記述 ⚫ 動作結果の判定 /src/test_flows/Login.js

  20. TestScriptについて ▌TestScript ⚫ 実施するテストの具体的な手順

  21. TCBの構成 ▌なぜこんな構成？ ⚫ メンテナンスやテストの再利用、テスト修正がやりやすい Page Object1 Test Flow1 Test Script1

    < name=username > Test Script2 Page Object2 Test Flow2 画面上の要素の値を使うのはPageObjectのみ 例えば画面の要素名が変わっても、PageObjectのみ変更 すればよい TestFlowのおかげで、同じ処理を何度も書く必要がなく より少ないコード行数でテストを作成することが可能

  22. 参考資料 ▌初めての自動テスト ――Webシステムのための自動テスト基礎 https://www.oreilly.co.jp/books/9784873118161/