web前端的自動化測試，一般要能實作模拟滑鼠點選、鍵盤錄入、浏覽器頁面自動導航等功能，而且關鍵的是要對整個測試過程能自動錄制并回放。
vs2010的SP2已經內建了内置功能，但是目前尚未正式釋出，是以本文就不介紹了。有興趣的同學可參考以下文章：
<a href="http://msdn.microsoft.com/zh-cn/library/gg413374">http://msdn.microsoft.com/zh-cn/library/gg413374</a>
<a href="http://www.cnblogs.com/scottxu/archive/2011/02/28/1967112.html">http://www.cnblogs.com/scottxu/archive/2011/02/28/1967112.html</a>
先來體驗一把，普通網站的測試：（拿百度開刀）
下載下傳telerik的Test Studio後，它有二種運作方式，一是單獨運作，二是以插件形式內建在vs2010中，為了友善起見，以下采用第二種方式
1、打開vs2010 建立一個Test項目
2、開始錄制測試過程
預設情況下，建立的項目已經有一個web Test項，而且會自動打開該項，如下：
已經自動記錄下了目前動作: Navigate to :'http://www.baidu.com/'。然後我們在浏覽器輸入框裡輸入“菩提樹下的楊過”，并點選“百度一下”
可以看到，整個鍵盤錄入過程，以及滑鼠點選“百度一下”的動作，已經被記錄。關掉浏覽器，整個錄制過程結束。（是不是想起了那句廣告語：哪裡不會點哪裡，so Easy!）
3、測試回放
點選上圖中的“綠色按鈕”即可回放剛才的測試過程。
silverlight的UI自動化測試與普通網站的測試幾乎完全一樣，隻是要事先配置silverlight的運作方式和起始頁。因為SL有二種運作方式，一是浏覽器模式運作，二是OOB模式運作，是以要告訴Test Studio，你想怎麼玩。
項目右擊-->建立項-->Web Test
檔案名鍵入“SilverlightTest.tstest”（當然你可以随便改），然後打開這個檔案，如下圖 :
點選上圖工具欄中紅線圈出的按鈕進行配置，這次我們拿silverlight的官網來開刀
解釋一下:Web Url即為嵌入有Silverlight的網頁位址。點選OK關掉視窗，剩下的事情就跟剛才測試百度完全一樣
我在頁面的ShowCase動畫上随便點幾個，記錄下的結果如下:
夠簡單吧，OOB的測試跟這個幾乎一樣，隻是配置的時候指定SL應用的快捷方式路徑即可。
注意事項:
在Silverlight的測試中，我發現偶爾會出現Test Studio無法連接配接到Silverlihgt的情況出現，以下是Telerik工程師給出的調試建議：
Known Issues:
- Automation only supports XAP Silverlight app deployment (the .NET method). XBAP or Javascript Silverlight deployment is not supported.
- Connecting to the Silverlight App via https in Firefox or Safari is currently not supported.
Diagnostic Steps:
2) Delete the entire cache for the test playback browser
- In IE select: Tools -> Internet Options -> (Under General Tab) Delete -> Choose to delete Temporary Internet Files
- In Firefox select: Tools -> Clear Recent History -> Select Everything in ‘Time Range to Clear’ drop down menu -> Choose to delete Cache
- In Safari select: Main ToolBar Drop Down Menu -> Reset Safari… -> Choose to ‘Empty the cache’
3) Try increasing the (Settings.) SilverlightConnectTimeout if the Silverlight app has a longer load time
4) Try setting externalAccessfromCrossDomainCallers to script only in your application's AppManifest.xaml file by doing the following in your html page and Silverlight manifest:
a) Example for html page:
<param value="true" name="enableHtmlAccess"/>
<div id="silverlightControlHost">
<object height="300" width="300" type="application/x-silverlight-2" data="data:application/x-silverlight-2,">
<param value="white" name="background"/>
<param value="3.0.40723.0" name="minRuntimeVersion"/>
<param value="visOnly=true" name="initParams"/>
<iframe style="border: 0px none ; visibility: hidden; height: 0pt; width: 0pt;"/></div>
Example for SL Manifest:
3: ExternalCallersFromCrossDomain="ScriptableOnly"
4: >
5: <Deployment.Parts>
6: </Deployment.Parts>
7: </Deployment>
<a href="http://forums.silverlight.net/forums/p/101955/340407.aspx)4"></a>
<a href="http://forums.silverlight.net/forums/p/101955/340407.aspx)4">4</a>
) Try setting the "windowless" property for your Silverlight app as "false"
Example (similar to Step 3 html example):
<object id="xamlHost0" width="900" height="412" type="application/x-silverlight">
<param value="transparent" name="background"/>
<param value="true" name="windowless"/>
<!-- a bunch of other params go here -->
</object>
5) Check the headers your server is sending for the Silverlight Page by:
- Install/Run Fiddler and load your Silverlight page.
- Click the response for the .xap file.
- Click Inspectors -> Headers.
There should be an entry: Content-Type:application/x-silverlight-app
This must be in the response in order for the WebAii Framework, Design Canvas, or WebUI Test Studio to detect the Silverlight App.
雖然是英文，但是并不複雜，隻要對照紅色标出部分一般都能解決。
最後，我提供一個小技巧，也有助于解決這個問題，測試Silverlight錄制時，如果啟動錄制後浏覽器無法自動跳轉到指定的Web Url，可以手動在浏覽器裡輸入網址，一般情況下Test Studio就能識别出目前頁面有Silverlight。