Selenium再入門 W3C勧告とページオブジェクトパターンと私 透明人間がブラウザを操作するかのようにテストしてくれるSelenium. まだキワモノ扱いだった初期から、web driverの登場、w3c勧告、そしてheadless chromeへと、いまも進化し続けています。簡単なデモを交えてざっくりとお話しします。 https://connpass.com/event/60947/ WEBエンジニア勉強会 #02 (東京都, 神田)

1. Selenium再入門
W3C勧告とページオブジェクトパターンと私
Webエンジニア勉強会#2 at 神田
2017-07-22 Sat
@nabedge

2. Who ?
● わたなべ
● (株)ビズリーチ
● twitter: @nabedge
● github: nabedge
● http://www.slideshare.net/nabedg
e/presentations

3. アンケート：主な言語は？
● Java
● C#, .NET系
● Ruby, PHP
● JavaScript （Node.js的な）

4. アンケート：Selenium歴は？
1. いまも仕事で使ってる
2. 仕事で使おうとしたけどあきらめた
3. Hello World程度なら書いて動かしたことがある
4. 「セレニウム」っていう発音でいいんだと思って
ホッとしている。

7. おわび
● ヘッドレスChromeの話もする、
とconnpass.comに書きましたが、
あれは嘘だ。申し訳ありません。

8. とりあえずデモをご覧ください

9. これ、わかりますよね？
document.getElmementById(“foo”)
document.getElementsByTagName(“div”)

10. 2004年ごろのSelenium

12. Selenium1.x
● 実行エンジンはJS
● テストコマンドはtable,tr,tdタグの中に書く
○ コマンドをJSとしてeval()しながら実行
● テスト対象のアプリケーションに同梱して起動
● ブラウザでアクセスして実行frameのボタンを操作

13. セキュリティのジレンマ
● JSのクロスドメイン問題
● frameタグなんてもうオワコンだよね
● （このあたりでWebDriver登場）
● FireFox48事件

14. WebDriver

15. https://www.edureka.co/blog/selenium-tutorial

18. サンプルコード解説
https://github.com/nabedge/web-study-selenium

19. 支援ツール
● Selenide
○ http://qiita.com/tatesuke/items/589e30ab9b3dc7037e26
● Fluentlenium
○ http://fluentlenium.org/
● Zalenium
○ https://github.com/zalando/zalenium

20. QAを極めたいエンジニア募集！
https://www.bizreach.co.jp/recruit/

21. 渋谷でも勉強会やってます