Selenium With Phpunit

Introduction

此 Repository 的目標將會陸續教你學會如何產生測試腳本並透過 selenium 自動幫你的網站在各種瀏覽器上進行測試。

Getting started

Selenium IDE

1. 先下載 firefox 瀏覽器，取得最新 firefox 瀏覽器
2. 安裝完下載 Selenuim IDE 2.9.0
3. 如此，只要打開想要測試的網頁，並且按下錄製按鈕，就可以錄製操作過程成為腳本。
4. 轉換為 phpunit 腳本: 檔案 > Exports Test Case As > PHP(PHPUnit)

--

安裝 Selenium RC Server

1. 需要安裝 JAVA runtime，如果是 Mac 就已經有內建了；如果沒有安裝請到這裡安裝：https://java.com/download/
2. 下 make 由 Makfile 自動幫你完成安裝
3. make run: 啟動 Selenium RC Server

--

撰寫（頻道）腳本

• 請直接複製 test_case\exampleTest.php 並修改檔名，檔案名稱必須是 Test.php 結尾，Ex: xxxxTest.php

• class name 改一下，不要跟其他腳本重複

• 修改網址，$this->url('{這裡輸入你要開啟的網頁網址}');

• 破圖檢查：利用 chrome 瀏覽器取得要檢查的圖片的 XPath，然後像這樣貼上XPath 就可以完成這個圖片的破圖測試了：

$el = $this->byXPath('{XPath}');
$this->assertTrue($this->_assertRequestStatus($el->attribute('src')), '如果發生錯誤的訊息');

• 廣告版位檢查：利用瀏覽器的檢查元素，輸入廣告版位的號碼在以下的程式碼內，就可以完成廣告版位的檢查了

$this->_assertAdElementPresent('.AdBlock.AdBlock_Loc_{廣告版位號碼}');

• 其他檢查，陸續整理中。

--

執行腳本

1. 剛剛建立好的腳本，存放在 test_case 資料夾內，然後執行：make test (必須先啟動 RC server make run)。
2. 目前腳本僅啟動 chrome 或 firefox。

--

參考資料

• PHPUnit 文件
• Selenium2 with PHPUnit 文件