越来越角和intern.io一起工作

Question

我想设置Intern.io所以我可以测试我的角应用程序。我也在使用Grunt和Bower。我只是试图让准系统自动执行测试任务。我的问题，当我尝试运行测试是我收到以下错误信息：

Running "intern:app" (intern) task 
ReferenceError: window is not defined 
    at /Users/evanvandegriff/Documents/work/nomi_v2/nomi_v2/web/vendor/src/angular/angular.js:19288:3 
    at Function.vm.runInThisContext (/Users/evanvandegriff/Documents/work/nomi_v2/nomi_v2/web/node_modules/intern/node_modules/istanbul/lib/hook.js:163:16) 
    at /Users/evanvandegriff/Documents/work/nomi_v2/nomi_v2/web/node_modules/intern/node_modules/dojo/dojo.js:760:8 
    at fs.js:271:14 
    at Object.oncomplete (fs.js:107:15) 
Warning: ReferenceError: window is not defined 
    at /Users/evanvandegriff/Documents/work/nomi_v2/nomi_v2/web/vendor/src/angular/angular.js:19288:3 
    at Function.vm.runInThisContext (/Users/evanvandegriff/Documents/work/nomi_v2/nomi_v2/web/node_modules/intern/node_modules/istanbul/lib/hook.js:163:16) 
    at /Users/evanvandegriff/Documents/work/nomi_v2/nomi_v2/web/node_modules/intern/node_modules/dojo/dojo.js:760:8 
    at fs.js:271:14 
    at Object.oncomplete (fs.js:107:15) Use --force to continue. 

我app.js的样子：

angular.module('ngNomi', [ 

]) 

.config(function myAppConfig() { 

}) 

.run(function run() { 

}) 

.controller('AppCtrl', function AppCtrl ($scope, $location) { 

}); 

这里是我的intern.js文件：

// Learn more about configuring this file at <https://github.com/theintern/intern/wiki/Configuring-Intern>. 
// These default settings work OK for most people. The options that *must* be changed below are the 
// packages, suites, excludeInstrumentation, and (if you want functional tests) functionalSuites. 
define({ 
    // The port on which the instrumenting proxy will listen 
    proxyPort: 9000, 

    // A fully qualified URL to the Intern proxy 
    proxyUrl: 'http://localhost:9000/', 

    // Default desired capabilities for all environments. Individual capabilities can be overridden by any of the 
    // specified browser environments in the `environments` array below as well. See 
    // https://code.google.com/p/selenium/wiki/DesiredCapabilities for standard Selenium capabilities and 
    // https://saucelabs.com/docs/additional-config#desired-capabilities for Sauce Labs capabilities. 
    // Note that the `build` capability will be filled in with the current commit ID from the Travis CI environment 
    // automatically 
    capabilities: { 
     'selenium-version': '2.41.0' 
    }, 

    // Browsers to run integration testing against. Note that version numbers must be strings if used with Sauce 
    // OnDemand. Options that will be permutated are browserName, version, platform, and platformVersion; any other 
    // capabilities options specified for an environment will be copied as-is 
    environments: [ 
     { browserName: 'internet explorer', version: '11', platform: 'Windows 8.1' }, 
     { browserName: 'internet explorer', version: '10', platform: 'Windows 8' }, 
     { browserName: 'internet explorer', version: '9', platform: 'Windows 7' }, 
     { browserName: 'firefox', version: '28', platform: [ 'OS X 10.9', 'Windows 7', 'Linux' ] }, 
     { browserName: 'chrome', version: '34', platform: [ 'OS X 10.9', 'Windows 7', 'Linux' ] }, 
     { browserName: 'safari', version: '6', platform: 'OS X 10.8' }, 
     { browserName: 'safari', version: '7', platform: 'OS X 10.9' } 
    ], 

    // Maximum number of simultaneous integration tests that should be executed on the remote WebDriver service 
    maxConcurrency: 3, 

    // Name of the tunnel class to use for WebDriver tests 
    tunnel: 'SauceLabsTunnel', 

    // The desired AMD loader to use when running unit tests (client.html/client.js). Omit to use the default Dojo 
    // loader 
    // useLoader: { 
    // 'host-node': 'dojo/dojo', 
    // 'host-browser': 'node_modules/dojo/dojo.js' 
    // }, 

    // Configuration options for the module loader; any AMD configuration options supported by the specified AMD loader 
    // can be used here 
    loader: { 
     packages: [ 
      { name: 'angular', location: 'vendor/src/angular/angular' }, 
      { name: 'angular-mocks', location: 'vendor/src/angular/angular-mocks' } 
     ] 
    }, 

    // Non-functional test suite(s) to run in each browser 
    suites: [ 'src/app.test.js' ], 

    // Functional test suite(s) to run in each browser once non-functional tests are completed 
    functionalSuites: [ /* 'myPackage/tests/functional' */ ], 

    // A regular expression matching URLs to files that should not be included in code coverage analysis 
    excludeInstrumentation: /^node_modules/ 
}); 

基本上，运行测试时，如何获得在该文件中定义的窗口？

Answer 1

我认为这是对intern.js如何看待测试环境的期待。 Angular固有地运行在浏览器上下文中，所以它需要一个全局窗口。 24699行的主要iffe确实（窗口）。我们必须使用intern-runner而不是intern-client，这样我们可以驱动一个具有窗口上下文的浏览器。

但是你可能想要像Karma例子所显示的那样无头快速地运行。所以，我们简单地配置intern.js来使用引擎盖下的phantomjs来运行我们的单元测试和intern-runner。它是实习生世界中的一个“套件”（单元测试），必须在浏览器环境中运行，例如phantomjs。这对于需要在浏览器中进行快速防火测试的开发人员来说是很好的，但不希望在桌面操作系统中启动浏览器。您将需要硒服务器运行驱动幻影。所以：

1.）运行selenium-server standalone，我在本地使用：https://www.npmjs.org/package/selenium-standalone。在独立的cmd控制台中启动。

selenium-standalone start

2）NPM安装phantomjs

3）在实习生-config文件做：

 environments: [ 
     { browserName: 'phantomjs' } 
     ], 
    loader: { 
     // Packages that should be registered with the loader in each testing environment 
     packages: [ 
      { name: 'angular', location: 'bower_components/angular' }, 
      { name: 'angular-mocks', location: 'bower_components/angular-mocks' } 
     ] 

    }, 

4）运行$节点node_modules \实习生\ BIN \实习生亚军config = your/config suites = angular-test

而且你会变成金色的。

这是我的宝宝步骤单元测试，证明有角度的负载。从那里，你可以用角度模拟或其他方法做任何事情。

define([ 
     'intern/chai!expect', 
     'intern!bdd', 
     'intern/order!angular/angular' 
    ], function (expect, bdd) { 

     function inject (fn) { 
      return function() { 
       angular.injector(['ng']).invoke(fn); 
      } 
     } 

     bdd.describe('Scope Test', function() { 
      var ctrl, scope; 

      bdd.beforeEach(inject(function ($controller, $rootScope) { 
       scope = $rootScope.$new(); 
      })); 

      bdd.it('should have an angular object', function() { 

       expect(angular).to.be.an('object'); 
      }); 


      }); 


});