5

我们正在创建一个使用AngularJS Seed作为项目模板的WebApp。许多控制器,指令,服务都在它自己的js文件中。如何在缩小前管理AngularJS WebApp的E2E测试?

  • 应用程序文件夹的内容将被缩小使用闭合。
  • 所有库依赖关系将被替换为缩小版本通过CDN。
  • 使用Testacular/Jasmine进行Unit/e2e测试。

我不确定典型的开发编译测试过程是什么,因为我对AngularJS和Javascript WebApps的世界是新的:-)我的问题是如何在开发过程中管理应用程序js文件E2E测试是可调试的。这是我目前的想法;

  1. Testacular手表连续单元测试的源文件。
  2. index.html页面始终引用连接但未合并的js文件。
  3. 编译必须在应用程序可以运行/ e2e测试之前进行。
  4. 构建服务器将缩小其活动的一部分。

这是一个合理的方法吗?它有助于澄清我正在使用WebStorm,nodejs等。

+0

这几乎是我们采取的方法,只有构建完成在提交钩子上。 – SonOfNun

+0

我看不出有什么问题。你在用咕噜声吗?可能有助于管理这一点。 –

+0

感谢罗伊,一个适当的构建工具是缺少的成分。这是我对javascript的想法的范式转变。在过去,JavaScript的“脚本”部分让我低估了语言在大型系统实现中作为一个严肃的竞争者。不再。 :-) – Robert

回答

0

谢谢所有提供建议的人,他们都帮助我找到了解决方案。流程图(或多或少)描述了一个有效的构建过程。这里的关键是你需要一个构建工具。应使用构建工具(本例中为GruntJS)来管理许多任务的排序。顺序会根据目标而不同,并且构建工具可让您在多种不同场景中重用任务。

在AngularJS应用程序的情况下。请参阅github上的angular-app;

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

你会发现实现一个角度应用的参考应用程序。它包含一个在Grunt for Continuous Test,Build和Release中实现的构建过程。更一般地说,这个参考应用程序是实现高度易于理解的JavaScript项目的绝佳指南。

0

为测试缩小和非缩小的源创建单独的配置。

地方:在变化

$ 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 

如果你有你需要有四个配置文件都茉莉花测试和端对端测试。

相关问题