我正在尝试设置 Intern.io,以便测试我的 Angular 应用程序。我还使用 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/
});
基本上,运行测试时如何在该文件中定义窗口?
最佳答案
我认为这是对 intern.js 如何看待测试环境的期望问题。 Angular 本质上运行在浏览器上下文中,因此它需要一个全局窗口。第 24699 行的主 iffe 执行此操作(窗口)。我们必须使用 intern-runner 而不是 intern-client,这样我们就可以驱动具有窗口上下文的浏览器。
但是您可能想要 headless 且快速地运行,就像 Karma 示例所示。因此,我们只需配置 intern.js 以在后台使用 phantomjs 来通过 intern-runner 运行我们的单元测试。它是实习生世界中的一个“套件”(单元测试),必须在浏览器上下文中运行,就像 phantomjs 一样。这对于需要在浏览器中快速测试但又不想在桌面操作系统中启动浏览器的开发人员来说是件好事。您将需要运行 selenium-server 来驱动 phantom。所以:
1.) 独立运行 selenium-server,我使用: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
你将成为金色的。
这是我的婴儿步单元测试,证明 Angular 负载。从那里,您可以使用 Angular 模拟或其他任何方式做任何您想做的事情。
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');
});
});
});
关于javascript - 让 Angular 和 intern.io 一起工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26064771/