前台很複雜，變因很多，我想應該是很難用一套工具來解決。要應付外觀變動，在coding上目前最好的方法還是將外觀與資料分離，讓程式邏輯與UI外觀不會在coding時互相影響，這通常是邁向MVC的第一步。（第二步是商業邏輯與應用程式邏輯分離）

至於要怎麼分離...常用的一個方法是在專案中使用Smarty這一類的樣板引擎。不過也有人覺得用這個太麻煩，因為他有自己一套樣板語言，而php就是夠好的樣板語言。不管你要不要用Smarty，第一步都要把程式的邏輯跟html想辦法完全分開，要在頁面中呈現的動態資料都先存入變數，最後把這些變數傳遞給樣板引擎，或是內嵌在html內，只含顯示邏輯（例如把二維陣列處理成表格）的php程式。利用這樣的方式，多少可以減少介面與程式之間互相的干擾。

做QA的話，UI最困難...目前實在沒有聽說有完美的方案。另外專業的測試解決方案很貴(ex. LoadRunner etc.)...所以我這裡只能建議免費的...你可以嘗試看看。

第一個方案是Selenium，你可以利用他在Firefox錄製操作行為，然後就可以播放錄製下來的行為，反覆對頁面進行測試。不過有一個大問題，就是Selenium是利用DOM來找到你要操作的頁面元素，如果你改了整個頁面的設計，他就沒轍了。

第二個方案是有趣的Sikuli，這是一個泛用的GUI測試工具，他利用圖形辨識技術來操作GUI，不過同樣會碰到改了畫面測試就要重寫的問題。

傳統的介面測試工具著重在資料的I/O，例如透過post/get/ajax送出資料後，是否返回正確的東西（比較返回頁面的特徵資料等），對於頁面是否正確呈現更無力。不過也許現在有更好的工具也說不定啦，有一段時間沒碰了。我記得jmeter有proxy的plugin可以做這方面的資料錄製與播放，你也不妨試試看，不過不知道他有沒有支援ajax。

參考網址：
Selenium: http://seleniumhq.org/
Sikuli: http://groups.csail.mit.edu/uid/sikuli/
Jmeter: http://jakarta.apache.org/jmeter/

另外，要怎麼往有比較好的程式架構的網站前進，可以參考這個簡報：
http://www.slideshare.net/jaceju/web-1494836
（Jace之前寫過一本關於Smarty的書，他最近可能會在StudyArea講他在網站開發中使用的Design Pattern，時間還未定就是了）