如何在縮小前管理AngularJS WebApp的E2E測試？

我們正在創建一個使用AngularJS Seed作爲項目模板的WebApp。許多控制器，指令，服務都在它自己的js文件中。如何在縮小前管理AngularJS WebApp的E2E測試？

應用程序文件夾的內容將被縮小使用閉合。
所有庫依賴關係將被替換爲縮小版本通過CDN。
使用Testacular/Jasmine進行Unit/e2e測試。

我不確定典型的開發編譯測試過程是什麼，因爲我對AngularJS和Javascript WebApps的世界是新的:-)我的問題是如何在開發過程中管理應用程序js文件E2E測試是可調試的。這是我目前的想法;

Testacular手錶連續單元測試的源文件。
index.html頁面始終引用連接但未合併的js文件。
編譯必須在應用程序可以運行/ e2e測試之前進行。
構建服務器將縮小其活動的一部分。

這是一個合理的方法嗎？它有助於澄清我正在使用WebStorm，nodejs等。

來源

2012-12-22 Robert

這幾乎是我們採取的方法，只有構建完成在提交鉤子上。 – SonOfNun

我看不出有什麼問題。你在用咕嚕聲嗎？可能有助於管理這一點。 –

感謝羅伊，一個適當的構建工具是缺少的成分。這是我對javascript的想法的範式轉變。在過去，JavaScript的「腳本」部分讓我低估了語言在大型系統實現中作爲一個嚴肅的競爭者。不再。 :-) – Robert

謝謝所有提供建議的人，他們都幫助我找到了解決方案。流程圖（或多或少）描述了一個有效的構建過程。這裏的關鍵是你需要一個構建工具。應使用構建工具（本例中爲GruntJS）來管理許多任務的排序。順序會根據目標而不同，並且構建工具可讓您在多種不同場景中重用任務。

在AngularJS應用程序的情況下。請參閱github上的angular-app;

https://github.com/angular-app/angular-app

你會發現實現一個角度應用的參考應用程序。它包含一個在Grunt for Continuous Test，Build和Release中實現的構建過程。更一般地說，這個參考應用程序是實現高度易於理解的JavaScript項目的絕佳指南。

來源

2013-03-27 21:00:00 Robert

爲測試縮小和非縮小的源創建單獨的配置。

地方：在變化

$ testacular start 
# make some changes 
$ minify.sh 
$ testacular start testacular-minified.conf.js # you could skip this if you trust your minification

構建服務器：

$ testacular start --no-auto-watch # you could skip this if you trust your minification 
$ minify.sh 
$ testacular start testacular-minified.conf.js

如果你有你需要有四個配置文件都茉莉花測試和端對端測試。

來源

2013-01-19 07:14:34 iwein

如何在縮小前管理AngularJS WebApp的E2E測試？

回答

相關問題