In my AngularJS project, I am utilizing a third-party library called angular-ui-tree to display data. To integrate this library, I need to include ui.tree as a dependency in my main app module. Following the instructions provided in the link, I have successfully set up the tree structure using this library.
Now, I am looking to write jasmine specs for my controller. However, after implementing the library, none of my existing jasmine specs are functioning correctly and are throwing an error stating that the module 'ui.tree' is not available.
Error: [$injector:modulerr] Failed to instantiate module CqAdminUiApp due to:
Error: [$injector:modulerr] Failed to instantiate module ui.tree due to:
Error: [$injector:nomod] Module 'ui.tree' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.5.8/$injector/nomod?p0=ui.tree
at http://localhost:8234/webjars/angularjs/1.5.8/angular.js:68:12
... (more error details)
Despite ensuring that I have added 'ui.tree' as a dependency in my main app module, the error persists. This has led me to search on Stack Overflow for solutions, but all suggestions revolve around adding the missing module, which I've already done. The code snippets below outline the configuration of my main app module, index.html file, and spec-runner.html file.
Main App Module:
// My Main App Module setup
(function () {
'use strict';
var MyUiApp = angular.module('MyUiApp', [
'ngRoute',
'ngAnimate',
'ngCookies',
'ui.bootstrap',
'ui.tree',
'chart.js',
]);
MyApp.config(['$routeProvider', function ($routeProvider) {
$routeProvider.
when('/Authenticate', {
templateUrl: 'app/views/authenticate.html',
controller: 'authenticationController'
}).
// Configuration for other URLs...
}]);
}());
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="ISO-8859-1">
... (other head content)
</head>
<body ng-app="CqAdminUiApp">
... (body content)
</body>
</html>
I am using Jasmine specs and below is the snippet from one of the spec files:
spec.js file:
// Sample Jasmine spec describing eventsController functionality
describe('eventsController', function() {
var scope, mockMyService;
beforeEach(function() {
angular.mock.module('my.services');
angular.mock.module('my.controllers');
angular.mock.module('mock.my.services');
});
beforeEach(inject(function($controller, $rootScope, _mockMyService_) {
scope = $rootScope.$new();
mockMyService = _mockEventsService_;
$controller('myController', {
myService: mockMyService,
$scope: scope
});
}));
it('should fetch products', function() {
scope.$apply();
expect(scope.products[0]).toBe("bat");
expect(scope.products[1]).toBe("ball");
});
});
If anyone can provide insights or solutions to resolve the 'ui.tree' module availability issue, it would be greatly appreciated.