【前言】早在半年前的項目之處就想采用TDD的開發方式,最起碼也要做到較完備的自動化測試。當時調研了很久找到一個叫FunFx的開源框架。可惜這個框架的試用之路并不平坦。最初找到的只有文檔,照著文檔做,失敗了。看到文檔上還是Flex2的,換成Flex2,編譯都通不過,原來Flex2需要lcds的license只好回到flex3。被逼無奈去看代碼,我的Ruby水平是二把刀,盡管改代碼了,但還是通不過。懷疑是不是不支持Flex3,而且項目進度又容不得我們慢慢研究,只好自己寫了一個功能有殘次的測試框架,湊付著用,后來因為框架的擴展速度慢慢跟不上開發的速度,最終連寫自動化測試用例的計劃也放棄了。隨著FunFx出了0.0.2,又對這個測試框架產生了一點希望,再次搭建的結果還是一度失敗,經過不懈努力,總算在大年三十的下午運行了第一個Hello World!。
【正題:搭建TDD測試環境】(下面我說的過程是我個人運行的過程,應該是運行FunFx的充分條件,但不保證都是必要條件,如果有人發現哪個步驟是不必要的。請在回復中指出。)
FunFX是一個基于Ruby的自動化測試框架,所以,我們必須要裝Ruby,我安裝的Ruby版本是Ruby-186-26。我的Ruby IDE是eclipse上的RDT插件。我的操作系統是筆記本自帶的Vista Home Basic,因此我的IE是ie7。我的Flex IDE是Flex Builder 3 beta3。
運行環境就這些,那么開始講解搭建過程吧。我們從下載開始說起,首先,我們要去
RubyForge下載FunFx 0.0.2,那是一個zip文件,記得要把Source包也下載下來,在后面我會說到它的用處。
下載完畢之后,將其解壓,我們可以看到三個文件:
- AutomationGenericEnv.xml
- FunFX-0.0.2.gem
- FunFXAdapter.swc
接下來,我們在FlexBuilder3中新建一個工程:LearnFunFx,在libs文件夾里加入下面三個swc文件:
- automation_agent.swc
- automation.swc
- FunFXAdapter.swc
這里面的前兩個swc文件來自flex的sdk里面。后面的一個就是FunFx里面的swc,但是這個swc有可能是無法使用的,因為它是為flex 2編譯的,這時就需要我們前面下載的源代碼文件了。源代碼文件解壓開之后可以找到FunFXAdapter文件夾。里面就是FunFXAdapter.swc的源代碼(包括測試代碼)。將其編譯成swc(如果你不會編譯成swc,請查閱相關文章或自己琢磨,給你個提示,可以用library project)。將我們自己編譯出來的swc文件拷到libs里。這樣我們就收集全了所有的類包。
接著將AutomationGenericEnv.xml拷貝到src文件夾下,然后在LearnFunFx.mxml中加入如下代碼:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
]]>
</mx:Script>
<mx:Button id="test" x="255" y="146" label="Button" click="Alert.show('Hello World!');"/>
</mx:Application>
代碼實現的功能很簡單,單擊按鈕,彈出Hello World!的對話框。
代碼準備完了,接下來是編譯了。下面我們在我們的工程:LearnFunFx上點擊右鍵:選擇Properties,再選擇Flex Compiler,在Additional compiler arguments文本框中輸入:-include-libraries "XXXX\LearnFunFx\libs\automation.swc" "XXXX\LearnFunFx\libs\automation_agent.swc" "XXX\LearnFunFx\libs\FunFXAdapter.swc"
XXX表示工程根文件夾,自己補齊。
接下來,一個囫圇的swf文件就被編譯出來了。這里還有一個問題,html文件里面的Object標簽一定要有一個name屬性,其值要跟id一樣,這就需要我們改html-template文件夾下的index.template.html了。我的做法是把body標簽里的js代碼刪掉,只留下html標簽版本的,然后在Object標簽里面加上一個屬性:name="${application}"。再次編譯一個,將 bin文件夾下的所有文件拷到一個web應用中。
flex端的處理完畢了,接下來是Ruby,還記得那三個文件嗎?
在三個文件所在的文件夾中地址欄里運行cmd(這是vista的小技巧,其他的windows可以通過傳統的方式進入cmd窗口,并進入該文件夾),在命令行上輸入:
gem install FunFX-0.0.2.gem等待一小會兒,屏幕上提示:Successfully installed FunFX,
version 0.0.2,表示已經安裝成功。
然后進入Eclipse 新建一個ruby項目LearnFunFx,也將AutomationGenericEnv.xml拷到源文件同級目錄下,新建LearnFunFxTest.rb,輸入代碼:
require 'test/unit'
require 'funfx'
class LearnFunFxTest < Test::Unit::TestCase
def setup
@ie = Funfx.instance
@ie.start(true)
@ie.speed = 1
@ie.goto("http://localhost/.../LearnFunFx.html", "LearnFunFx")
end
def test_control
@ie.button("test").click
end
end
“...”是web應用的名字,自己補齊。代碼非常簡單,功能是打開網頁,找到名為LearnFx的swf,點擊id為test的按鈕。在運行之前,我們還要做一件事,不然的話,我們之前的所有努力都白費了。打開IE,按下alt,選擇“工具”-> “Internet選項”,點擊“安全”tab頁,將“本地Intranet”安全級別設為低,將http://localhost加入可信站點,并將可信站點的安全級別設為低。(這里是我不確定是否多做了什么的地方之一)。做了這些之后,ruby調用js就不會被瀏覽器阻攔了。(剛才試了一下,運行完測試用例之后再改回去也不會被阻攔了,搞得我很郁悶,但是在我修改這里之前,確實是無法運行的。)
然后我們運行該測試用例,我們就會看到一個瀏覽器窗口被彈出,swf中的按鈕被按下,一個Hello World!的對話框彈出。一切成功:)
(完)