LaravelアプリケーションをSeleniumでテストしてみた

Copyright © 2015 Yuta Ohashi All Rights Reserved.
Laravelアプリケーションを
Seleniumでテストしてみた
Laravel Meetup Tokyo vol.6
2015.06.12
Yuta Ohashi

2Copyright © 2014 rocros All Rights Reserved.
Selenium？

Seleniumっていろいろある？
Selenium RC
Selenium IDE
Selenium WebDriver
…etc

サンプルデモ

https://github.com/blue-goheimochi/laravel-selenium-server

やったこと

やったこと
PHPUnit経由でSelenium Serverから
FireFoxを実行しブラウザテスト
• PHPUnitを実行
↓
• Selenium Server から FireFox 起動
↓
• Laravelアプリケーションにアクセス
↓
• 結果を表示

やったこと詳細
composer.jsonの修正
テストの作成
サーバー環境構築

composer.jsonの修正
"require-dev": {
"phpunit/phpunit": "~4.0",
"phpspec/phpspec": "~2.1“,
"phpunit/phpunit-selenium": ">=1.3.1“
},
“phpunit/phpunit-selenium”: “>=1.3.1“ を追加。

テストの作成
<?php
class ExampleSeleniumTest extends PHPUnit_Extensions_Selenium2TestCase {
public $captureSSPath = "/vagrant/src";
protected function setUp()
{
$this->setBrowser('firefox');
$this->setBrowserUrl('http://192.168.33.6/');
}
public function testShowTopPage()
{
$this->url("/");
$this->writeScreenShot( 'top' );
}
public function writeScreenShot( $imgName ) ・・・・・・・・・続く
PHPUnit_Extensions_Selenium2TestCaseを継承した
テストを作成

サーバー環境構築
必要なものをインストール＆実行
• FireFox
• Xvfb
• Selenium Server

PHPUnitを実行！

実行結果
top.jpg

できること
Seleniumを使ったテストでできること
• DOMで呼び出し（id,class,xpath）してブラウザテスト
• テストデータとかjsonとかで読み込んで使う
• （エラー時に）スクリーンショット撮れる
などなど・・・
実は自分はテストデータ作成とかで使っている。。
Laravelはぶっちゃけ関係ない・・・

Laravelはぶっちゃけ関係ない・・・
<?php
class ExampleSeleniumTest extends PHPUnit_Extensions_Selenium2TestCase {
public $captureSSPath = "/vagrant/src";
protected function setUp()
{
$this->setBrowser('firefox');
$this->setBrowserUrl('http://192.168.33.6/');
}
public function testShowTopPage()
{
$this->url("/");
$this->writeScreenShot( 'top' );
}
public function writeScreenShot( $imgName ) ・・・・・・・・・続く
URLの指定を変えればテスト対象も替わる

なので・・・
E2Eからテストをはじめてみてもよいかも！
既存のWebアプリケーションあるけどUnitテストそろえるのつらいな・・・
とかそういう状況であればSeleniumを使ったE2Eのテストからはじめてみるのも
いいのかなぁ・・・
とか思っていて、実際にそういう方向から個人的には攻めたりもしています。

ご静聴ありがとうございました

LaravelアプリケーションをSeleniumでテストしてみた

More Related Content

What's hot

Viewers also liked

Similar to LaravelアプリケーションをSeleniumでテストしてみた

More from Yuta Ohashi

LaravelアプリケーションをSeleniumでテストしてみた