得到角和intern.io一起工作

时间:2014-09-26 17:07:59

标签: javascript angularjs gruntjs bower intern

我正在尝试设置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/
});

基本上,如何在运行测试时在该文件中定义窗口?

1 个答案:

答案 0 :(得分:4)

我认为这是一个期望intern.js如何看待测试环境的问题。 Angular固有地在浏览器上下文中运行,因此它需要一个全局窗口。第24699行的主要iffe(窗口)。我们必须使用intern-runner而不是intern-client,因此我们可以驱动一个具有窗口上下文的浏览器。

但是你可能想要像Karma示例所示那样无头而快速地跑步。因此,我们只需将intern.js配置为使用phantomjs来运行我们的单元测试与intern-runner。它是实习生世界中的“套件”(单元测试),必须在浏览器上下文中运行,如phantomjs。这对于需要在浏览器中进行快速测试的开发人员来说非常有用,但是他们不想在桌面操作系统中启动浏览器。您将需要运行selenium-server来驱动幻像。所以:

1。)运行selenium-server standalone,我在本地使用https://www.npmjs.org/package/selenium-standalone。在单独的cmd控制台中启动它。

  

selenium-standalone start

2。)npm install phantomjs

3.)在intern-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 node_modules \ intern \ bin \ intern-runner 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');
            });


            });


});