从测试ng-app到dev ng-app的角度切换

时间:2015-03-06 10:25:50

标签: angularjs mocking protractor

所以这是我的问题我想在运行测试或离线时模拟我的数据但是在我可以/想要使用像npm run protractornpm run protractor-mock这样的东西时调用extarnal API。

我拼凑在一起的解决方案是有2个index.html个文件,其中添加了mock(index-mock.html)。

所以我的问题是如何告诉设置protractor-mock加载index-mock.html

注意:如代码GET('http://localhost:5000...中所述,这是不好的,但不是手头的问题。

到目前为止

我的文件

的index.html:

<!DOCTYPE html>
<html lang="en" ng-app="PCA" class="no-js">
...
<script src="bower_components/angular/angular.js"></script>
...
</html>

折射率mock.html:

<!DOCTYPE html>
<html lang="en" ng-app="PCA" class="no-js">
...
<script src="bower_components/angular/angular.js"></script>
...
</html>

app.js:

'use strict';
angular.module('PCA', [
    'ngRoute',
    'chart.js',
    'ngDialog',
    'ngCsv'
]).config(function ($routeProvider) {
    $routeProvider.when('/', {
        templateUrl: 'views/chartContainer.html',
        controller: 'chartContainerCtrl'
    }).otherwise({redirectTo: '/'});
}).constant('config', {
    'apiUrl': 'http://localhost:5000'
});
//2nd app ->
angular.module('PCAMOCK', ['PCA', 'ngMockE2E'])
    .run(function($httpBackend) {
        $httpBackend.whenGET('http://localhost:5000/').respond({ //yes 'localhost:5000' this is bad but not the issues at hand
            "defaults": {
                "invURL": "http://www.invURL.com",
                "accountURL": "http://www.accountURL.com"
            }});
        $httpBackend.whenGET('http://localhost:5000/accounts').respond(200, {ciao:'mamma'}, {'Content-Type':'application/json'});
        $httpBackend.whenGET(/^/).passThrough();
        //...
});

的package.json:

exports.config = {
  allScriptsTimeout: 11000,
  specs: [
    'tests/*.js'
  ],
  capabilities: {
    'browserName': 'chrome'
  },
  baseUrl: 'http://localhost:8000/app/',
  framework: 'jasmine',
  jasmineNodeOpts: {
    defaultTimeoutInterval: 30000
  }
};

1 个答案:

答案 0 :(得分:0)

您可以在量角器中访问命令行参数。见How can I use command line arguments in Angularjs Protractor?。您应该可以使用它来区分两次运行,并将您传递的网址更改为browser.get

不是直接你的问题,但你可能想看看Protractor对模拟注入的支持。请参阅the addMockModule docshttp://eitanp461.blogspot.com/2014/01/advanced-protractor-features.html

您不应该有两个应用程序的实现,它可以与模拟或不是无关。