Как настроить Angular + RequireJS + jasmineJS?

Question

[Роман Огарков]

Помогите разобраться с jasmineJS в связке с requireJS и angularJS

Хочу для примера протестировать контроллер вида

define(['../module'], function (controllers) {
	'use strict';
	controllers.controller('mainCtrl', ['$scope', '$rootScope', '$interval', function ($scope, $rootScope) {
		$rootScope.count = 0;
		$scope.leftToolbar = true;
		$scope.rightToolbar = true;
		$scope.class = 'all';

		$scope.toolbar = function () {
			if ($scope.leftToolbar && $scope.rightToolbar)
				$scope.class = 'all'
			else if ($scope.leftToolbar)
				$scope.class = 'left'
			else if ($scope.rightToolbar)
				$scope.class = 'right'
			else
				$scope.class = ''
		}
	}]);
});

Создаю тест

define([
	'angular',
	'app',
	'controllers/rootCtrls/main', 
	'angularMocks'
], 
function (angular, app, mainCtrl) {
	describe('mainCtrl', function () {
		it('should behave...', function() {
			
		});
	});
});

Как мне написать тест чтобы проверить значение в переменной $scope.class

Answer 1

[Николай]

Посмотрите доку ангуляра по этому вопросу. Там всё довольно хорошо расписано.
https://docs.angularjs.org/guide/unit-testing

В целом процесс простой:
1. подключаете нужный модуль при помощи коммады module(%module_name%);
2. параллельно мокаете все нужные зависимости
3. инжектите тестируемый объект/ ну или в случае с контроллером инжектите $controller.
4. собственно пишете тесты
инжектите нужный сервис, мокаете все зависимости -

Comments

[Роман Огарков]

Николай: Подскажи пожалуйста почему ошибка.

define(['../module'], function (controllers) {
'use strict';
controllers.controller('topMenuCtrl', ['$scope','$http', function ($scope, $http) {
$scope.list = [];
$scope.get = function () {
$http.get('../../../DB/options.json').success(function (response) {
$scope.options = response;
$scope.list = response;
});
};
}]);
});

define([
'angular',
'app/app',
'app/controllers/rootCtrls/top-menu',
'angularMocks'
],
function (angular, app, TopMenuCtrl) {
describe('app', function() {
var scope, ctrl, httpBackend;

beforeEach(module('app'));

beforeEach(inject(function (_$httpBackend_, $rootScope, $controller) {
httpBackend = _$httpBackend_;

httpBackend.when('GET', '../../../DB/options.json').respond(['Hello world!']);

scope = $rootScope.$new();

ctrl = $controller('TopMenuCtrl', {
$scope: scope
});
}));

it('list', function() {
expect(scope.list).toEqual([]);
});
});
});

[Роман Огарков]

Николай: Пишет что контроллер topMenuCtrl undefined