7月31日(水)に開催しました、ハンズオン形式Selenium勉強会の資料です。 《参考》 ■Github https://github.com/y-kawano-ceres/study-selenium-php ■Wantedlyのレポート記事 https://www.wantedly.com/companies/ceres-inc/post_articles/180505

1. 初心者による初心者のためのRPA入門
～Seleniumを使用したWebブラウザ操作の自動化～
株式会社セレス
河野 康裕 (Yasuhiro Kawano)
1

2. Twitter アカウント
ハッシュタグ
#ceres_tech
#勉強会
#初心者
2
せれすたん
▼フォローしてね▼

3. 自己紹介
- Web エンジニア
- モッピー https://pc.moppy.jp/ 担当してます
- PHP 歴長め, Gentoo Linux 好き
- 趣味多め
3

4. アウトライン
1. Selenium とは？
2. ハンズオン
3. PHP で Selenium を動かすためには？
4. まとめ
5. アンケート
4

5. Selenium とは？
GUI テストの自動化を実現するツール
Web ブラウザ(chrome,firefox,Safari,etc)の操作を自動化できる
5
Selenium
Server
Selenium
WebDriver
Web
Browser
etc

6. Selenium とは?
例えば: 宿泊予約の操作を自動化
- とある宿泊予約の流れ
1. 予約情報入力
a. 各種フォームに予約情報を入力する
b. 次へをクリックする
2. 予約内容確認
a. 確定ボタンをクリックする
3. 予約完了
a. 予約を完了しました。が表示される
6
日本 Selenium ユーザコミュニティによるテスト用サイト
http://www.selenium.jp/test-site

7. ハンズオン！
宿泊予約の操作を自動化してみよう！
7

8. ハンズオン！
1. VNC サーバに接続しましょう
2. サンプルコードをダウンロードしましょう
3. 宿泊予約しよう
a. 宿泊予約その1
b. 宿泊予約その2 (その1のリニューアル版)
8

9. ハンズオン！
1. VNC サーバに接続しましょう
- VNC サーバに接続する
- macOS: Finder → 移動 → サーバへ接続
- Windows: RealVNC Windows
- https://www.realvnc.com/en/connect/download/viewer/windows/
- 接続先
- お渡しする「接続情報」の VNC Server を参照ください
9
Selenium
Server
Web
Browser
etc
Server
VNC
Server
VNC
Clien
t
Selenium
WebDriver

10. ハンズオン！
2. サンプルコードをダウンロードしましょう
$ git clone https://github.com/y-kawano-ceres/study-selenium-php.git
10

11. ハンズオン！
3. 実行してみよう: 宿泊予約その1
$ cd study-selenium-php
$ php src/lesson_1.php
- お渡しした「接続情報」の Selenium Server を参照し, $port = null; を書き換えてください
11

12. ハンズオン！
3. 実行してみよう: 宿泊予約その2
12
$ cd study-selenium-php
$ php src/lesson_2.php
- お渡しした「接続情報」の Selenium Server を参照し, $port = null; を書き換えてください

13. ハンズオン！
実装の流れ
1. 操作したい HTML 要素について調査する
a. 宿泊日を操作したい
b. 宿泊日フォームを特定する値はなに?
c. Web ブラウザの開発者ツールを利用して調査し特定する
2. 実装
3. テスト
13

14. PHP で Selenium を動かすためには？
1. Selenium Server
2. php-webdriver
14

15. PHP で Selenium を動かすためには？
1. Selenium Server
- docker をインストール
- macOS: https://docs.docker.com/docker-for-mac/install/
- Windows: https://docs.docker.com/docker-for-windows/install/
15

16. - docker-selenium コンテナを起動する
$ docker run --rm -d -p 4444:4444 -p 5900:5900 selenium/standalone-chrome-debug
※ https://github.com/SeleniumHQ/docker-selenium
16
PHP で Selenium を動かすためには？
1. Selenium Server

17. - php-webdriver をインストールする
$ cd <project>
$ composer require facebook/webdriver
※ https://github.com/facebook/php-webdriver
※ https://getcomposer.org
17
PHP で Selenium を動かすためには？
2. php-webdriver

18. <?php
require_once 'vendor/autoload.php';
use Facebook¥WebDriver¥Remote¥DesiredCapabilities;
use Facebook¥WebDriver¥Remote¥RemoteWebDriver;
$host = 'http://localhost:4444/wd/hub';
$driver = RemoteWebDriver::create($host, DesiredCapabilities::chrome());
...
18
PHP で Selenium を動かすためには？
2. php-webdriver

19. まとめ
1. Selenium とは？
2. ハンズオン
3. PHP で Selenium を動かすためには？
19