Javascript 使用requirejs测试uiRouter
我已经在这个问题上停留了一段时间,并且没有成功地回答关于使用requirejs测试uiRouter的任何其他问题。我有一个相当基本的控制器设置,它使用$state。单击按钮后,转到状态之间的转换 runsController.jsJavascript 使用requirejs测试uiRouter,javascript,angularjs,requirejs,jasmine,angular-ui-router,Javascript,Angularjs,Requirejs,Jasmine,Angular Ui Router,我已经在这个问题上停留了一段时间,并且没有成功地回答关于使用requirejs测试uiRouter的任何其他问题。我有一个相当基本的控制器设置,它使用$state。单击按钮后,转到状态之间的转换 runsController.js define([], function() { "use strict" var runsController = function($scope, $window, $http, $state) { function getRuns() {
define([],
function() {
"use strict"
var runsController = function($scope, $window, $http, $state) {
function getRuns() {
$http.get($window.apiLinks.runs).success(function(data) {
$scope.runs = data.objects;
}).error(function(data) {
console.error();
console.error(data);
});
}
getRuns();
$scope.refresh = getRuns;
$scope.createRun = function() {
//$state.go('createRun');
}
return ["$scope", "$window", "$http", "$state", runsController];
});
控制器被添加到依赖于uiRouter的应用程序中
app.js
define(["angular", "js/controllers/runsController", "js/router", "uiRouter"],
function(angular, runsController, router) {
'use strict'
var appName = "myApp";
var app = angular.module(appName, ["ui.router"]);
app.config(router);
app.controller("runsController", runsController);
function getName() {
return appName;
}
return {
app : app,
getName : getName
};
});
路由器.js
define(["./controllers/runsController"],
function(runsController){
var routes = function($stateProvider, $urlRouterProvider) {
// For any unmatched url, redirect to /runs
$urlRouterProvider.otherwise("/runs");
// Set up the states
$stateProvider
.state('runs', {
url: "/runs",
templateUrl: "partials/runs.html",
controller: "runsController"
})
.state('createRun', {
url: "/createRun",
templateUrl: "partials/runCreator.html"
});
};
return ["$stateProvider", "$urlRouterProvider", routes];
});
以下是我为该控制器设置的测试:
define(["angular", "angularMocks", "js/app", "js/controllers/runsController"],
function(angular, mocks, app, runsController) {
'use strict'
describe('runsController Unit Tests', function() {
var mockApp, scope, httpBackend, objects, state;
objects = [
{rid : 1, filename : "myFile.txt", exitCode : 0},
{rid : 2, filename : "test.zip", exitCode : 0},
{rid : 3, filename : "test2.tar", exitCode : 0}
];
beforeEach(function() {
mockApp = angular.module(app.getName());
});
beforeEach(inject(function ($rootScope, $controller, $httpBackend, $http, $state) {
scope = $rootScope.$new();
window.apiLinks = {"runs" : "/mock/api/runs"};
httpBackend = $httpBackend;
state = $state;
httpBackend.when("GET", "/mock/api/runs").respond({
"objects" : objects
});
$controller(runsController[4], {
$scope : scope,
$window : window,
$http : $http,
$state : $state
});
httpBackend.flush();
}));
it("Get state working in test environment", function() {
});
it("Test that controller automatically gets the runs", function() {
// Because of the way our controller files are setup, we have to specify the
// last element in the array instead of just
expect(scope.runs.length).toBe(3);
});
});
这是目前给我的一个错误消息:错误:[$injector:unpr]未知提供程序:$stateProvider我有同样的问题,这就是我想到的 这非常重要: karma.conf.js
{
pattern: 'ROOT/TO/YOUR/angular-ui-router/release/angular-ui-router.js',
included: false
},
test main.js:这是您的karma-require-config文件
paths: {
// External libraries
'angular': '/base/PATH/TO/YOUR/angular/angular',
'angularMocks': '/base/PATH/TO/YOUR/angular-mocks/angular-mocks',
'uiRouter' : '/base/PATH/TO/YOUR/angular-ui-router/release/angular-ui-router',
.....
- /base/+您的路径
define([
'angular',
'angularMocks',
'uiRouter',
.....
现在,当您在每次
BeforeEach(inject(function ($injector){
$state = $injector.get('$state');
....
希望这对您有所帮助。我也遇到了同样的错误。此问题是否已解决?您可以使用一种变通方法,在控制器声明中不使用$state作为参数,而是使用$injector.get(“$state”).go('newState'),这样您就不会再收到测试错误。我不想把它作为一个正式的回答,因为我认为打电话不是一个好的做法。照这样做吧,我也有同样的问题,刚刚解决了。把答案贴在下面。
BeforeEach(inject(function ($injector){
$state = $injector.get('$state');
....