AngularJS - mocking ngTableParams in jasmine test case

Question

I have created an application using ng-table , the application is workign fine but when i wrote a jasmine test case i am getting.

Error: [$injector:unpr] Unknown provider: TableParamsProvider

Can anyone please tell me how to mock the ngTableParams and test its functionality

My code is as given below

jasmine test case

describe('Testing Controllers', function() {
    describe('Testing WorkController Controller', function() {
        var WorkController, $scope;

        beforeEach(module('wsd.workstations'));

        beforeEach(inject(function($controller, $rootScope) {
            $scope = $rootScope.$new();
            WorkController = $controller('WorkController', {
                $rootScope: $rootScope,
                $scope: $scope
            });
        }));

        it('should searchDocuments when searchDocuments() is called', function() {
            $scope.searchDocuments();
        });
    });
});

script

angular.module('wsd', ['restangular', 'ngTable', 'wsd.models', 'wsd.workstations', 'wsd.workperiods', 'ngRoute'])

.config(function(RestangularProvider, $routeProvider) {
    RestangularProvider.setBaseUrl('/rest/myuser');

    $routeProvider.when('/wd', {
        templateUrl: 'main/workstation/main.tpl.html',
        controller: 'WorkController',
        resolve: {
            myWorkDocuments: function(Documents) {
                return Documents.getWorkDocuments();
            }
        }
    }).when('/wp', {
        templateUrl: 'main/workperiod/main.tpl.html',
        controller: 'PeriodController',
        resolve: {
            myWorkPeriods: function(Periods) {
                return Periods.getWorkPeriods();
            }
        }
    }).otherwise({
        redirectTo: '/wd'
    });
});

workstation/main.js

angular.module('wsd.workstations', [])

.controller('WorkController', function($rootScope, $scope, $filter, ngTableParams)
{ 
   $scope.myValues = [{name: "Moroni", age: 50},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34}, 
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34}];

    $scope.tableParams = new ngTableParams({
        sorting: {
            name: 'asc'     
        }
    }, {
        getData: function($defer, params) {
            $scope.myValues = $filter('orderBy')($scope.myValues, params.orderBy());
            $defer.resolve($scope.myValues);
        }
    });


    $scope.searchDocuments = function() 
    {
        // some other logic
    };
});

kihu · Accepted Answer · 2014-10-10T13:43:12.613

2

First, make sure that you app depends on ngTable. Is it inside 'main'?

Now for the test:

beforeEach(inject(function($controller, $rootScope, $filter, ngTableParams) {
    $scope = $rootScope.$new();
    WorkController = $controller('WorkController', {
        $rootScope: $rootScope,
        $scope: $scope,
        $filter: $filter,
        ngTableParams: ngTableParams
    });
}));

Notice how you must explicitly provide every dependency as a parameter for injector.

edit: igorzg solution will work too if you don't want to test anything associated with $scope.tableParams

another edit: You need to let angular know what to inject into your controller:

.controller('WorkController', ['$rootScope', '$scope', '$filter', 'ngTableParams', function($rootScope, $scope, $filter, ngTableParams)
{ 
 // your controller code here
}]);

Another problem is that in your test you're loading wsd.workstations module, which doesn't have ngTable injected. So you need to:

angular.module('wsd.workstations', ['ngTable'])

OR in your test:

beforeEach(module('wsd'));

instead of:

beforeEach(module('wsd.workstations'));

edited Oct 10 '14 at 13:43

answered Oct 10 '14 at 12:00

kihu

842
5
13

No there's a minute change ....actually ng-table is defined within the main.js.............ours is the child to that, i have added the ng-route and the full script – Alex Man Oct 10 '14 at 13:23
also not only mocking i want to test the asc functionality too – Alex Man Oct 10 '14 at 13:37
I've edited the answer. What do you mean 'asc functionality'? – kihu Oct 10 '14 at 13:45
can we test that orderBy sorting – Alex Man Oct 10 '14 at 13:53
I already see that sorting won't work because you're trying to use $defer but you don't pass it to your controller. – kihu Oct 10 '14 at 13:58
Oh, my bad. I didn't notice that $defer is injected by ngTable. – kihu Oct 10 '14 at 14:09
The question is about mocking ngTableParams, not writing a test for sorting. – kihu Oct 10 '14 at 14:13
i have wrote a seperate question for that http://stackoverflow.com/questions/26301572/testing-the-sorting-feature-in-ngtable-using-jasmine can you please tell me some solution for that – Alex Man Oct 10 '14 at 14:18
Can you give me some solution for that sorting test cases – Alex Man Oct 11 '14 at 02:41

score 1 · Answer 2 · answered Oct 10 '14 at 11:57

1

Just mock it while you create instance of controller

    function MyNgTableParamsMock() {

    } 
    beforeEach(inject(function($controller, $rootScope, $filter) {
        $scope = $rootScope.$new();
        WorkController = $controller('WorkController', {
            $rootScope: $rootScope,
            $scope: $scope,
            $filter: $filter,
            ngTableParams: MyNgTableParamsMock  
        });
    }));

answered Oct 10 '14 at 11:57

igorzg

1,506
14
17

i am getting ReferenceError: Can't find variable: $filter – Alex Man Oct 10 '14 at 13:06
$filter should be always there because its part of angular api, to make it workable you can remove filter from inject and mock filter with some empty function but filter should be always injectable. can you paste your code ? – igorzg Oct 15 '14 at 12:17

AngularJS - mocking ngTableParams in jasmine test case

2 Answers2