AngularJS结束
我对我的AngularJS应用程序进行了端到端测试，并将Karma用作我的测试运行器。 我目前在我的Karma配置中有以下内容：
config.proxies = {
'/': 'http://localhost:9292/'
};
我必须单独启动一个简单的Rack应用程序，它为我的单个静态AngularJS HTML文件提供服务。 我想要测试一个静态文件的端到端测试，就像加载file:///Users/sarah/my-app/index.html 。 我尝试过在我的测试中没有设置代理并执行browser().navigateTo 'index.html' ，但测试全部失败，因为我的element调用“没有匹配任何元素”。 它看起来像index.html页面没有得到加载。
我也尝试设置一个代理，其中'/': 'file:///Users/sarah/my-app/然后在我的测试中执行browser().navigateTo '/index.html' ，但失败了错误“options.host和options.port或options.target是必需的”。 虽然我想我可以将端口设置为80，但没有主机 - 这就是要点。
我的目标是希望在Semaphore上自动运行我的端到端测试，在这里我的AngularJS单元测试正在运行。 单元测试是不同的，因为它们不需要访问我的应用程序的实例。
我想要做什么？ 如果没有，有没有什么办法可以在Semaphore上运行我的AngularJS应用程序的单元测试和端到端测试，而无需在Semaphore可以访问的某个公共服务器上托管我的应用程序？
好的，我得到了我的最终结果：在Semaphore上进行自动化的端到端测试。 诀窍是创建一个单独的test-index.html，它使用我的应用程序的测试版本。 它有<html ng-app="TestMyApp">而不是<html ng-app="MyApp"> 。 它还包括以下额外的JavaScript，我的实际index.html没有：
<script src="http://code.angularjs.org/1.0.7/angular-mocks.js" type="text/javascript"></script>
<script src="spec/e2e/test_api_app.js" type="text/javascript"></script>
我的test_api_app.js实际上是由CoffeeScript通过karma-coffee-preprocessor编译的，但这里是CoffeeScript源代码：
angular.module('TestMyApp', ['MyApp', 'ngMockE2E']).run ($httpBackend) ->
$httpBackend.when('GET', 'http://some-api-my-app-uses/images').respond
status: 'success'
images: [...]
// more mocked calls MyApp makes
然后在我的karma-e2e.config.js中，我没有设置urlRoot ，并且我设置的唯一代理仅仅是因为我的CoffeeScript应用程序文件存在于咖啡目录中，并且应用程序期望编译的Javascript位于/ js：
config.proxies = {
'/base/js/app.js': 'http://localhost:' + config.port +
'/base/coffee/app.js',
// other mapping from the URLs my app expects to exist to where
// karma-coffee-preprocessor puts the compiled JavaScript
这里整洁的事情是，Karma自己运行一个服务器，所以它为我托管我的静态test-index.html文件。 在上面的代理中， 'http://localhost:' + config.port部分指的是Karma服务器。 config.port在我的Karma配置中的其他地方定义为9876。
我定义了我的Karma config.files以包含：
'https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js',
'http://code.angularjs.org/1.0.7/angular-mocks.js',
'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js',
'coffee/**/*.coffee',
'http://code.angularjs.org/1.0.7/angular-resource.min.js',
'spec/e2e/**/*_spec.coffee',
'spec/e2e/test_api_app.coffee',
{
pattern: 'css/*.css',
watched: true,
included: false,
served: true
},
{
pattern: 'img/spinner.gif',
watched: true,
included: false,
served: true
},
{
pattern: 'test-index.html',
watched: true,
included: false,
served: true
}
然后在我的端到端测试中，我这样做：
browser().navigateTo '/base/test-index.html#/'
我有一个包含以下脚本的package.json：
"scripts": {
"test": "bundle exec sass scss/my-app.scss css/my-app.css ; ./node_modules/.bin/karma start spec/karma-unit-functional.config.js --single-run --browsers Firefox ; ./node_modules/.bin/karma start spec/karma-e2e.config.js --single-run --browsers Firefox"
}
我编译CSS文件，以便在运行端到端测试时，它不会给出关于my-app.css的404错误不存在的错误。 我在信号量上的构建命令是：
bundle install
npm install
npm test
测试通过！
链接地址: http://www.djcxy.com/p/39111.html上一篇: AngularJS end