CODEWITHSUNDEEP
angularjsunit-testingself-invoking-function
moslem
moslem

Reputation: 21

How to access angular app module that is defined in self invoke?

I want use unit test in angular, but the webapp that I working on it is created on its owe structure. for example :

(function() {
'use strict';
angular
  .module('app', [
    'ngAnimate',
    'ui.load',
    'ui.jp',
    'oc.lazyLoad'
  ]);})();

And one of its controllers :

(function() {
'use strict';
angular
    .module('app')
    .controller('EditorCtrl', EditorCtrl);

    function EditorCtrl($scope) {
      var vm = $scope;
      vm.options = {
        toolbar: [
          ['style', ['bold', 'italic', 'underline', 'clear']],
        ]
      };
    }})();

And I have no idea how to use unit test to this app because my test cant find controller.

This is my controller and test :

   (function () {
  'use strict';
  angular
    .module('app')
    .controller('DashboardCtrl', dashboard);
    describe('test dashboard', function () {

      beforeEach(module('DashboardCtrl'));

      var $controller;

      beforeEach(inject(function (_$controller_) {
        $controller = _$controller_;
      }));

      describe('sum', function () {
        it('1 + 1 should equal 2', function () {
          var $scope = {};
          var controller = $controller('DashboardCtrl', {$scope: $scope});
          $scope.x = 1;
          $scope.y = 2;
          $scope.sum();
          expect($scope.z).toBe(3);
        });

        it('z should default to zero', function () {
          var $scope = {};
          var controller = $controller('DashboardCtrl', {$scope: $scope});
          expect($scope.z).toBe(0);
        });
      });

    });
  function dashboard($scope) {
    $scope.name = 'Dashboard';
    $scope.z = 0;
    $scope.sum = function () {
      $scope.z = $scope.x + $scope.y;
    };
  }


})();

And in karma test show me this error :

Error: [$injector:modulerr] Failed to instantiate module DashboardCtrl due to: Error: [$injector:nomod] Module 'DashboardCtrl' 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.

That indicate that cant find "DashboardCtrl" controller.

Upvotes: 1

Views: 303

Answers (2)

moslem
moslem

Reputation: 21

the problem solved by add all modules in files options of karma.conf.js

the point is event lake of one of modules that are injected is main module that here is app stop your test, so addition to include your controller you need to add all module are mentioned.

Upvotes: 1

shaunhusain
shaunhusain

Reputation: 19748

When unit testing use $controller for getting a handle on a controller instance https://docs.angularjs.org/api/ng/service/$controller like var ctrlToTest = $controller('EditorCtrl')(newTestScope); To create a new test scope you can use var newTestScope = $rootScope.$new()

Upvotes: 0

Related Questions