Selenium WebDriver が対応している言語は Java, C#, Ruby, Python, Node.js ですが、php-webdriver-bindings といったサードパーティのライブラリを使えば PHP でも書けるようになります。

今回は Java からブラウザテストを実行していきます。

 Java 用ライブラリをダウンロード

Seleniumダウンロードサイトの赤丸で囲ったところをクリックするとライブラリの詰まった zip ファイルがダウンロードできます。

デスクトップにダウンロードしたら、zip ファイルを解凍しましょう。

解凍が終わったら、お使いの Java IDE から一般的な Java プロジェクトを作成して、selenium-java-2.45.0.jar と libsフォルダの中の jar ファイルをすべてライブラリとして読み込みます。（画面は NetBeans）

さっそくブラウザを開いて特定のサイトにアクセスしてみる

おもむろに以下のコードを書いて実行してみてください。

package seleniumwebdrivertest;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;

/**
 *
 * @author masa
 */
public class SeleniumWebDriverTest {

    public static void main(String[] args) {
        WebDriver driver = new FirefoxDriver();
        driver.get("https://cloudear.jp");
    }
    
}

FireFox が起動して弊社のサイトが表示されます（宣伝？ｗ）

ここから作りこんでファイルをダウンロードしたりフォームを埋めて送信したり、テストを書いていくわけです。一から書き込んでいくのは大変なので、前回取り上げた Selenium Builder で操作を記録して、エクスポートしたファイルを調整していくのが良いかと思います。（参照： Selenium Builder で UIテストを高速化）

いかがでしたか？今日はプログラムから UIテストを自動実行する Selenium WebDriver というライブラリをご紹介しました。日々、フロントエンドのテストに追われているエンジニアの方の一助になれば幸いです。

※2015年5月現在の最新版「Firefox 38.0.1」だと Selenium のエクスポートができないようです。もしお使いの FireFox が最新版である場合は、「FireFox Portable版37.02」で Selenium Builder をお試しください。

Selenium Builder とは 以前の Selenium IDE の後継にあたる FireFox 用プラグインソフトです。例えばお問い合わせフォームの機能をテストしたいとします。

1. 名前を入力
2. メールアドレスを入力
3. 電話番号を入力
4. 都道府県を選択
5. 住所を入力
6. 送信ボタンをクリック

これだけでも何回も手で操作するのはキツイです。Selenium Builder を使えば、手動でやった操作を REC で記録し、何度でも同じ操作を再生することができるのです。

また、記録した操作は Java, PHP, Ruby, Python, C# などのスクリプトに書き出し、Selenium Webdriver を使ってプログラムからテスト実行することもできます。
逆に言えば本来スクリプトで操作内容を書いて SeleniumDriver から実行するのですが、それが大変なので GUI 画面から簡単に出来るようにしたのが、この Selenium Builder なわけです。

　Selenium Builder をインストールする

まずは FireFox を起動して、公式サイト　からプラグインをダウンロードします。

FireFox のプラグインとしてインストールするダイアログが画面がでたらそのままインストール続行してください。インストールが終わるとブラウザの再起動を求められます。

ブラウザ再起動が終わったら FireFox のメニューから「開発ツール」を選択→「Launch Selenium Builder」を選択します

　まずは簡単な操作を記録して再生してみる

Selenium Builder が起動したら、Selenium2 のボタンをクリックすると記録がスタートします。
※Selenium1 だと旧 SeleniumRC でのスクリプト作成になりますので非推奨

ちなみに Slenium 対象のタブはふちが緑色になります。

では以下の操作をしてみます。

1. Google を開く

2. 検索バーに「ボラボラ島」と入力

3. 画像検索結果で一番目の写真をクリック

4. 操作が終わったら Selenium の画面で「Stop recording」をクリックして記録を止めます。

5. 記録した操作を再生します。Runメニューから「Run test locally」をクリックすると再生が開始されます。

自動的に操作されましたか？ちょっと感動しますね。もっと複雑な操作の場合はスクリプトで調整する必要がありますが、ざっくりと雛形を作るにはとても便利なツールだと思います。

最後にこの記録をスクリプトに書き出してみましょう。今回はネイティブな Java にエクスポートしてみます。
Fileメニューから「Export」をクリックします。

お好きな言語を選択してください。

ちなみにこれが Java で書き出したソースコードです。

import java.util.concurrent.TimeUnit;
import java.util.Date;
import java.io.File;
import org.openqa.selenium.support.ui.Select;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.*;
import static org.openqa.selenium.OutputType.*;

public class sb {
    public static void main(String[] args) throws Exception {
        FirefoxDriver wd;
        wd = new FirefoxDriver();
        wd.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);
        wd.get("https://www.google.co.jp/?gws_rd=ssl");
        wd.findElement(By.id("lst-ib")).click();
        wd.findElement(By.id("lst-ib")).clear();
        wd.findElement(By.id("lst-ib")).sendKeys();
        wd.findElement(By.id("lst-ib")).click();
        wd.findElement(By.id("lst-ib")).sendKeys("\n");
        wd.findElement(By.id("lst-ib")).click();
        wd.findElement(By.id("lst-ib")).clear();
        wd.findElement(By.id("lst-ib")).sendKeys("ボラボラ島");
        wd.findElement(By.id("lst-ib")).click();
        wd.findElement(By.id("lst-ib")).sendKeys("\n");
        wd.findElement(By.name("imgthumb1")).click();
        wd.quit();
    }
    
    public static boolean isAlertPresent(FirefoxDriver wd) {
        try {
            wd.switchTo().alert();
            return true;
        } catch (NoAlertPresentException e) {
            return false;
        }
    }
}

このスクリプトをいじって Selenium Webdriver でプログラムから実行することも可能です。

いかがでしたか？今日は UIテストツールである Selenium Builder を取り上げてみました。もしこの記事に反響があれば Selenium Webdriver についても書いてみたいと思います。

前回インストールした段階でアクセスすると、以下のように Welcome! 画面が出ました。

では、今回は /index.php/welcome/hello にアクセスしてみてください。次の画面が出るはずです。

みんな大好き Hello, World !  まず FuelPHP のこの仕組みを理解する必要がありますので見ていきましょう。

まず、ドキュメントルートにアクセスした際、Welcome! ページが出たカラクリは以下のファイルにあります。

(/usr/local/hogeblog/fuel/app/config/routes.php )

<?php
return array(
        '_root_'  => 'welcome/index',  // The default route
        '_404_'   => 'welcome/404',    // The main 404 route

        'hello(/:name)?' => array('welcome/hello', 'name' => 'hello'),
);

↑
3行目はドキュメントルートにアクセスがあったら、「/usr/local/hogeblog/fuel/app/views/welcome/index.php」をみせるという意味、
4行目は、存在しないアクセスがあったら、「/usr/local/hogeblog/fuel/app/views/welcome404.php」をみせるという意味です。
つまり、ドキュメントルートへのアクセスはここをいじれば自分の作ったコンテンツへ向けることができるようになります ´ω`)ﾉ

次は「/index.php/welcome/hello」にアクセスすると Hello, World !  がでるカラクリをみていきます。

FuelPHP では index.php の次に指定したものが コントローラー となります。

上の例で言うと /index.php/welcome/ の部分ですね。どこやそのファイルというと
fuel/app/classes/controller/welcome.php です。こいつが MVC の Controller そのもの ↓

/**
 * The Welcome Controller.
 *
 * A basic controller example.  Has examples of how to set the
 * response body and status.
 *
 * @package  app
 * @extends  Controller
 */
class Controller_Welcome extends Controller
{        /**
         * The basic welcome message
         *
         * @access  public
         * @return  Response
         */
        public function action_index()
        {
                return Response::forge(View::forge('welcome/index'));
        }

        /**
         * A typical "Hello, Bob!" type example.  This uses a Presenter to
         * show how to use them.
         *
         * @access  public
         * @return  Response
         */
        public function action_hello()
        {
                return Response::forge(Presenter::forge('welcome/hello'));
        }
        /**
         * The 404 action for the application.
         *
         * @access  public
         * @return  Response
         */        public function action_404()        {                return Response::forge(Presenter::forge('welcome/404'), 404);        }
}

クラス名やメソッド名は FuelPHP に厳格な命名規則があります。今はこういうものだと流してください。Welcome コントローラーが中で何をやっているかというと

・17行目　welcome/index にアクセスがあったら、welcome/index.php をみせるんやで、という指示が書いてあります。action_●●で指定できます。

・29行目  welcome/hello にアクセスがあったら、 welcome/hello.php をみせるん（略）

つまり、通常のアクセスは 「/index.php/コントローラー名/メソッド名/メソッドで指定したファイル」で受け取るということです。

つまり、通常のアクセスは 「/index.php/コントローラー名/メソッド名/メソッドで指定したファイル」で受け取るということです。

大事なことなので2回言いました。

でも、毎回 index.php つけるのダサいですよね。これを消す方法をみていきましょう。

 FuelPHP で index.php を消す方法

実はめちゃかんたんです。以下のファイルの 27～29行目のコメントアウトを外して Apache を再起動してください。
(/usr/local/hogeblog/public/.htaccess)

# Multiple Environment config, set this to development, staging or production
# SetEnv FUEL_ENV production

<IfModule mod_rewrite.c>        RewriteEngine on

        # NOTICE: If you get a 404 play with combinations of the following commented out lines
        #AllowOverride All
        #RewriteBase /wherever/fuel/is

    # Make sure directory listing is disabled        Options +FollowSymLinks -Indexes

        # Restrict your site to only one domain
        # !important USE ONLY ONE OPTION

        # Option 1: To rewrite "www.domain.com -> domain.com" uncomment the following lines.
        #RewriteCond %{HTTPS} !=on
        #RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
        #RewriteRule ^(.*)$ http://%1/$1 [R=301,L]

        # Option 2: To rewrite "domain.com -> www.domain.com" uncomment the following lines.
        #RewriteCond %{HTTPS} !=on
        #RewriteCond %{HTTP_HOST} !^www\..+$ [NC]
        #RewriteCond %{HTTP_HOST} (.+)$ [NC]
        #RewriteRule ^(.*)$ http://www.%1/$1 [R=301,L]

        # Remove index.php from URL
        RewriteCond %{HTTP:X-Requested-With}    !^XMLHttpRequest$
        RewriteCond %{THE_REQUEST}                              ^[^/]*/index\.php [NC]
        RewriteRule ^index\.php(.*)$                    $1 [R=301,NS,L]

Apache で .htaccess による設定上書きを有効にしていない方は以下を変更
(/etc/httpd/conf/httpd.conf)

<Directory />
    Options FollowSymLinks
    #AllowOverride None
    AllowOverride All   # None → All
</Directory>

これで、index.php を入れなくてもアクセスできるようになっているはず・・・

↑ イケましたね。これで MVC のコントローラーからビューへの受け渡しができます。

いかがでしたか？
FuelPHP の超入門ということで C（コントローラー）と V（ビュー）の使い方をみてきました。
実際は DB との連携でアプリケーションを作りますので、またの機会に FuelPHP の便利な M （モデル）の使い方をみていきたいと思います。

それではみなさん良いお年をー( ´ω｀)ﾉ

1. 右のミニマップが便利
2. 動作が軽い
3. vim 化が簡単
4. GUI のデザインがイケてる

PHP みたいにコンパイルが必要ない言語は、サーバー上で vim を使ってちゃちゃっと書いちゃってもいいんですが、案件によってはサーバーにログイン出来ないこともあるしねー

今日はそんな Sublime Text で PHP を書いた後にそのまま実行して結果をコンソールに出す方法をご紹介。

1.　何はともあれ PC に PHP をインストールする

PHP5.6 ダウンロードサイト へアクセスして、32bit版 or 64bit版をお使いの PC の環境に合わせてダウンロード

Zip ファイルをダウンロードし終わったら、解凍してフォルダ名を「php」に変えて、Cドライブ直下に置きましょう↓

2. Sublime Text から 以下の項目を選択

以下のコードを書いて、下図のように「PHP.sublime-build」という名前で保存

{
    "path": "C:\\php",
    "cmd": ["php", "-f", "$file"],
    "selector": "source.php",
    "encoding": "UTF-8"
}

そうすると、以下のように PHP がビルドで選べるようになります

3. PHP コードを書いて 『Ctrl + B』 を押すか、メニューの「Tools > Build」を選択

上記のようにPHP が実行されて、結果が下のコンソールにでてきます

いかがでしたか？
ローカルでそのまま PHP が実行出来るとデバッグがはかどりますよね。
私はいつも vim 化して使っています。Sublime Text は様々なプラグインがありますのでみなさんもカスタマイズしてみてください。

私は PHP で書くときは小規模なものをパパっと書くことが多いのでフレームワークは使っていません。ある程度の規模を超える場合は最初から Java + フレームワークに切り替えています。

終了

再開

とはいえ、個人の仕事でない場合は、すでにプログラミング言語とフレームワークの選定が終わっていることもあり、まさに FuelPHP を勉強する機会があったわけです。日本で一番人気の CakePHP は使ったことがないので比較はできないのですが、FuelPHP は CodeIgniter の元メンバーが開発しており、軽量で速度が速いんだそうです。

ちなみに2014年末、日本での検索人気は以下の通り （あいからず CakePHP が強い！）

■FuelPHP のインストール準備

yum install -y git #git が入ってない方はまずインストール

vim /etc/php.ini #php.ini の timezone を以下のように変更してください
------------------------------
date.timezone = "Asia/Tokyo"
------------------------------

curl get.fuelphp.com/oil | sh   #左のコマンドを叩くと /usr/bin/ 配下に oil というコマンドが入る

■FuelPHP のインストール

cd /usr/local #インストールしたいディレクトリへ移動
oil create hogeblog #oil コマンドを使って、hogeblog というディレクトリに FuelPHP を入れます

無事インストールできましたか？

■FuelPHP を使い始める

ドキュメントルートを『/usr/local/hogeblog/public/』に変更します。

vim /etc/httpd/conf/httpd.conf

-------------------------------
DocumentRoot "/var/www/html"
       ↓
DocumentRoot "/usr/local/hogeblog/public"
-------------------------------

Apache をリスタートします

/etc/init.d/httpd restart
Stopping httpd:                                            [  OK  ]
Starting httpd:                                            [  OK  ]

■FuelPHP の画面にアクセスしてみる
ここで自分のサーバーへアクセスしてみましょう

画面が出ない方は Apache のドキュメントルートの設定を見直してみてくださいね。

いかがでしたか？
今後は MVC におけるコントローラーなどの設定について書いていきたいと思います。