Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 .jsbeautifyrc { "indent_size": 4, "keep_array_indentation": true }	54 B	2026-02-12 14:54
📄 filtersSpec.js describe('ngTableFilterConfig', function () { var ngTableFilterConfig, ngTableFilterConfigProvider; beforeEach(function () { // Initialize the service provider // by injecting it to a fake module's config block var fakeModule = angular.module('test.config', function () {}); fakeModule.config( function (_ngTableFilterConfigProvider_) { ngTableFilterConfigProvider = _ngTableFilterConfigProvider_; ngTableFilterConfigProvider.resetConfigs(); }); // Initialize test.app injector module('ngTable', 'test.config'); }); beforeEach(inject(function (_ngTableFilterConfig_) { ngTableFilterConfig = _ngTableFilterConfig_; })); describe('setConfig', function(){{ it('should set aliasUrls supplied', function(){ ngTableFilterConfigProvider.setConfig({ aliasUrls: { 'text': 'custom/url/custom-text.html' } }); expect(ngTableFilterConfig.config.aliasUrls.text).toBe('custom/url/custom-text.html'); }); it('should merge aliasUrls with previous values', function(){ ngTableFilterConfigProvider.setConfig({ aliasUrls: { 'text': 'custom/url/text.html' } }); ngTableFilterConfigProvider.setConfig({ aliasUrls: { 'number': 'custom/url/custom-number.html' } }); expect(ngTableFilterConfig.config.aliasUrls.text).toBe('custom/url/text.html'); expect(ngTableFilterConfig.config.aliasUrls.number).toBe('custom/url/custom-number.html'); }); }}); describe('getTemplateUrl', function(){ it('explicit url supplied', function(){ var explicitUrl = 'path/to/my-template.html'; expect(ngTableFilterConfig.getTemplateUrl(explicitUrl)).toBe(explicitUrl); }); it('inbuilt alias supplied', function(){ expect(ngTableFilterConfig.getTemplateUrl('text')).toBe('ng-table/filters/text.html'); }); it('custom alias supplied', function(){ expect(ngTableFilterConfig.getTemplateUrl('my-template')).toBe('ng-table/filters/my-template.html'); }); it('alias registered with custom url', function(){ ngTableFilterConfigProvider.setConfig({ aliasUrls: { 'my-template': 'custom/url/my-template.html' }}); expect(ngTableFilterConfig.getTemplateUrl('my-template')).toBe('custom/url/my-template.html'); }); it('inbuilt alias registered with custom url', function(){ ngTableFilterConfigProvider.setConfig({ aliasUrls: { 'text': 'custom/url/custom-text.html' }}); expect(ngTableFilterConfig.getTemplateUrl('text')).toBe('custom/url/custom-text.html'); }); }); });	2.92 KB	2026-02-12 14:54
📄 ngTableDefaultGetDataSpec.js describe('ngTableDefaultGetData', function () { var ngTableDefaultGetData, ngTableDefaultGetDataProvider, tableParams; beforeEach(function () { // grab a reference to the service provider // by injecting it to a fake module's config block var fakeModule = angular.module('test.config', function () {}); fakeModule.config( function (_ngTableDefaultGetDataProvider_) { ngTableDefaultGetDataProvider = _ngTableDefaultGetDataProvider_; }); // Initialize test.app injector module('ngTable', 'test.config'); }); beforeEach(inject(function(_ngTableDefaultGetData_, NgTableParams){ ngTableDefaultGetData = _ngTableDefaultGetData_; tableParams = new NgTableParams({ count: 10}, { counts: [10]}); })); it('should be configured to use built-in angular filters', function(){ expect(ngTableDefaultGetDataProvider.filterFilterName).toBe('filter'); expect(ngTableDefaultGetDataProvider.sortingFilterName).toBe('orderBy'); }); describe('filters', function(){ it('empty filter', function(){ // given tableParams.filter({}); // when var actualResults = ngTableDefaultGetData([{ age: 1 }, { age: 2}, { age: 3}], tableParams); // then expect(actualResults).toEqual([{ age: 1 }, { age: 2}, { age: 3}]); }); it('empty filter - simple values', function(){ // given tableParams.filter({}); // when var actualResults = ngTableDefaultGetData([1,2,3], tableParams); // then expect(actualResults).toEqual([1,2,3]); }); it('single property filter', function(){ // given tableParams.filter({ age: 1}); // when var actualResults = ngTableDefaultGetData([{ age: 1 }, { age: 2}, { age: 3}], tableParams); // then expect(actualResults).toEqual([{ age: 1}]); }); it('multiple property filter', function(){ // given var data = [{age: 1, name: 'A'}, {age: 2, name: 'B'}, {age: 3, name: 'B'}]; tableParams.filter({ age: 2, name: 'B'}); // when var actualResults = ngTableDefaultGetData(data, tableParams); // then expect(actualResults).toEqual([{age: 2, name: 'B'}]); }); it('should remove null and undefined values before applying', function(){ // given var data = [{age: 1, name: 'A'}, {age: 2, name: 'B'}, {age: 3, name: 'B'}]; tableParams.filter({ age: null, name: 'B'}); // when var actualResults = ngTableDefaultGetData(data, tableParams); // then expect(actualResults).toEqual([{age: 2, name: 'B'}, {age: 3, name: 'B'}]); }); it('should remove empty string value before applying', function(){ // given var data = [{age: 1, name: 'A'}, {age: 2, name: 'B'}, {age: 3, name: 'B'}]; tableParams.filter({ age: 2, name: ''}); // when var actualResults = ngTableDefaultGetData(data, tableParams); // then expect(actualResults).toEqual([{age: 2, name: 'B'}]); }); }); });	3.28 KB	2026-02-12 14:54
📄 tableControllerSpec.js describe('NgTableParams', function () { var scope, ctrl, params, data = [ {name: "Moroni", age: 50, role: 'Administrator'}, {name: "Tiancum", age: 43, role: 'Administrator'}, {name: "Jacob", age: 27, role: 'Administrator'}, {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Enos", age: 34, role: 'User'}, {name: "Tiancum", age: 43, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Enos", age: 34, role: 'User'}, {name: "Tiancum", age: 43, role: 'Moderator'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'User'}, {name: "Enos", age: 34, role: 'Moderator'}, {name: "Tiancum", age: 43, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'User'}, {name: "Enos", age: 34, role: 'User'} ]; beforeEach(module('ngTable')); /beforeEach(inject(function ($controller, $rootScope, NgTableParams) { scope = $rootScope.$new(); params = scope.params = new NgTableParams(); ctrl = $controller(ngTableController, { $scope: scope }); })); it('ngTableController should have parameters', inject(function (NgTableParams) { var params = new NgTableParams(); expect(NgTableParams).toBeDefined(); }));/ });	1.4 KB	2026-02-12 14:54
📄 tableDynamicSpec.js describe('ng-table-dynamic', function() { var data = [ { id: 1, name: "Moroni", age: 50, money: -10 }, { id: 2, name: "Tiancum", age: 43, money: 120 }, { id: 3, name: "Jacob", age: 27, money: 5.5 }, { id: 4, name: "Nephi", age: 29, money: -54 }, { id: 5, name: "Enos", age: 34, money: 110 }, { id: 6, name: "Tiancum", age: 43, money: 1000 }, { id: 7, name: "Jacob", age: 27, money: -201 }, { id: 8, name: "Nephi", age: 29, money: 100 }, { id: 9, name: "Enos", age: 34, money: -52.5 }, { id: 10, name: "Tiancum", age: 43, money: 52.1 }, { id: 11, name: "Jacob", age: 27, money: 110 }, { id: 12, name: "Nephi", age: 29, money: -55 }, { id: 13, name: "Enos", age: 34, money: 551 }, { id: 14, name: "Tiancum", age: 43, money: -1410 }, { id: 15, name: "Jacob", age: 27, money: 410 }, { id: 16, name: "Nephi", age: 29, money: 100 }, { id: 17, name: "Enos", age: 34, money: -100 } ]; beforeEach(module('ngTable')); var scope; beforeEach(inject(function($rootScope) { scope = $rootScope.$new(true); })); describe('basics', function(){ var elm; beforeEach(inject(function($compile, $q, NgTableParams) { elm = angular.element( '<div>' + '<table ng-table-dynamic="tableParams with cols" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td ng-repeat="col in $columns">{{user[col.field]}}</td>' + '</tr>' + '</table>' + '</div>'); function getCustomClass(parmasScope){ if (parmasScope.$column.title().indexOf('Money') !== -1){ return 'moneyHeaderClass'; } else{ return 'customClass'; } } function money(/$column/) { var def = $q.defer(); def.resolve([{ 'id': 10, 'title': '10' }]); return def; } scope.tableParams = new NgTableParams({}, {}); scope.cols = [ { 'class': getCustomClass, field: 'name', filter: { name: 'text' }, headerTitle: 'Sort by Name', sortable: 'name', show: true, title: 'Name of person' }, { 'class': getCustomClass, field: 'age', headerTitle: 'Sort by Age', sortable: 'age', show: true, title: 'Age' }, { 'class': getCustomClass, field: 'money', filter: { action: 'select' }, headerTitle: 'Sort by Money', filterData: money, show: true, title: 'Money' } ]; $compile(elm)(scope); scope.$digest(); })); it('should create table header', function() { var thead = elm.find('thead'); expect(thead.length).toBe(1); var rows = thead.find('tr'); expect(rows.length).toBe(2); var titles = angular.element(rows[0]).find('th'); expect(titles.length).toBe(3); expect(angular.element(titles[0]).text().trim()).toBe('Name of person'); expect(angular.element(titles[1]).text().trim()).toBe('Age'); expect(angular.element(titles[2]).text().trim()).toBe('Money'); expect(angular.element(rows[1]).hasClass('ng-table-filters')).toBeTruthy(); var filters = angular.element(rows[1]).find('th'); expect(filters.length).toBe(3); expect(angular.element(filters[0]).hasClass('filter')).toBeTruthy(); expect(angular.element(filters[1]).hasClass('filter')).toBeTruthy(); expect(angular.element(filters[2]).hasClass('filter')).toBeTruthy(); }); it('should create table header classes', inject(function($compile, $rootScope) { var thead = elm.find('thead'); var rows = thead.find('tr'); var titles = angular.element(rows[0]).find('th'); expect(angular.element(titles[0]).hasClass('header')).toBeTruthy(); expect(angular.element(titles[1]).hasClass('header')).toBeTruthy(); expect(angular.element(titles[2]).hasClass('header')).toBeTruthy(); expect(angular.element(titles[0]).hasClass('sortable')).toBeTruthy(); expect(angular.element(titles[1]).hasClass('sortable')).toBeTruthy(); expect(angular.element(titles[2]).hasClass('sortable')).toBeFalsy(); expect(angular.element(titles[0]).hasClass('customClass')).toBeTruthy(); expect(angular.element(titles[1]).hasClass('customClass')).toBeTruthy(); expect(angular.element(titles[2]).hasClass('moneyHeaderClass')).toBeTruthy(); })); it('should create table header titles', function() { var thead = elm.find('thead'); var rows = thead.find('tr'); var titles = angular.element(rows[0]).find('th'); expect(angular.element(titles[0]).attr('title').trim()).toBe('Sort by Name'); expect(angular.element(titles[1]).attr('title').trim()).toBe('Sort by Age'); expect(angular.element(titles[2]).attr('title').trim()).toBe('Sort by Money'); }); it('should show data-title-text', inject(function(NgTableParams) { var tbody = elm.find('tbody'); scope.tableParams = new NgTableParams({ page: 1, // show first page count: 10 // count per page }, { total: data.length, data: data }); scope.$digest(); var filterRow = angular.element(elm.find('thead').find('tr')[1]); var filterCells = filterRow.find('th'); expect(angular.element(filterCells[0]).attr('data-title-text').trim()).toBe('Name of person'); expect(angular.element(filterCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(filterCells[2]).attr('data-title-text').trim()).toBe('Money'); var dataRows = elm.find('tbody').find('tr'); var dataCells = angular.element(dataRows[0]).find('td'); expect(angular.element(dataCells[0]).attr('data-title-text').trim()).toBe('Name of person'); expect(angular.element(dataCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(dataCells[2]).attr('data-title-text').trim()).toBe('Money'); })); it('should show/hide columns', inject(function(NgTableParams) { var tbody = elm.find('tbody'); scope.tableParams = new NgTableParams({ page: 1, // show first page count: 10 // count per page }, { total: data.length, data: data }); scope.$digest(); var headerRow = angular.element(elm.find('thead').find('tr')[0]); expect(headerRow.find('th').length).toBe(3); var filterRow = angular.element(elm.find('thead').find('tr')[1]); expect(filterRow.find('th').length).toBe(3); var dataRow = angular.element(elm.find('tbody').find('tr')[0]); expect(dataRow.find('td').length).toBe(3); scope.cols[0].show = false; scope.$digest(); expect(headerRow.find('th').length).toBe(2); expect(filterRow.find('th').length).toBe(2); expect(dataRow.find('td').length).toBe(2); expect(angular.element(headerRow.find('th')[0]).text().trim()).toBe('Age'); expect(angular.element(headerRow.find('th')[1]).text().trim()).toBe('Money'); expect(angular.element(filterRow.find('th')[0]).find('input').length).toBe(0); expect(angular.element(filterRow.find('th')[1]).find('select').length).toBe(1); })); }); describe('add column', function(){ var elm; beforeEach(inject(function($compile, $q, NgTableParams) { elm = angular.element( '<div>' + '<table ng-table-dynamic="tableParams with cols" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td ng-repeat="col in $columns">{{user[col.field]}}</td>' + '</tr>' + '</table>' + '</div>'); function getCustomClass(parmasScope){ if (parmasScope.$column.title().indexOf('Money') !== -1){ return 'moneyHeaderClass'; } else{ return 'customClass'; } } function money(/$column/) { var def = $q.defer(); def.resolve([{ 'id': 10, 'title': '10' }]); return def; } scope.tableParams = new NgTableParams({}, {}); scope.cols = [ { 'class': getCustomClass, field: 'name', filter: { name: 'text' }, headerTitle: 'Sort by Name', sortable: 'name', show: true, title: 'Name of person' }, { 'class': getCustomClass, field: 'age', headerTitle: 'Sort by Age', sortable: 'age', show: true, title: 'Age' } ]; $compile(elm)(scope); scope.$digest(); })); it('should create table header', function() { var newCol = { 'class': 'moneyadd', field: 'money', filter: { action: 'select' }, headerTitle: 'Sort by Money', show: true, title: 'Money' }; scope.cols.push(newCol); scope.$digest(); var thead = elm.find('thead'); expect(thead.length).toBe(1); var rows = thead.find('tr'); expect(rows.length).toBe(2); var titles = angular.element(rows[0]).find('th'); expect(titles.length).toBe(3); expect(angular.element(titles[0]).text().trim()).toBe('Name of person'); expect(angular.element(titles[1]).text().trim()).toBe('Age'); expect(angular.element(titles[2]).text().trim()).toBe('Money'); expect(angular.element(rows[1]).hasClass('ng-table-filters')).toBeTruthy(); var filters = angular.element(rows[1]).find('th'); expect(filters.length).toBe(3); expect(angular.element(filters[0]).hasClass('filter')).toBeTruthy(); expect(angular.element(filters[1]).hasClass('filter')).toBeTruthy(); expect(angular.element(filters[2]).hasClass('filter')).toBeTruthy(); }); }); describe('title-alt', function() { var elm; beforeEach(inject(function($compile, NgTableParams) { elm = angular.element( '<table ng-table-dynamic="tableParams with cols">' + '<tr ng-repeat="user in $data">' + '<td ng-repeat="col in $columns">{{user[col.field]}}</td>' + '</tr>' + '</table>'); scope.cols = [ { field: 'name', title: 'Name of person', titleAlt: 'Name' }, { field: 'age', title: 'Age', titleAlt: 'Age' }, { field: 'money', title: 'Money', titleAlt: '£' } ]; scope.tableParams = new NgTableParams({ page: 1, // show first page count: 10 // count per page }, { total: data.length, data: data }); $compile(elm)(scope); scope.$digest(); })); it('should show as data-title-text', inject(function($compile) { var filterRow = angular.element(elm.find('thead').find('tr')[1]); var filterCells = filterRow.find('th'); expect(angular.element(filterCells[0]).attr('data-title-text').trim()).toBe('Name'); expect(angular.element(filterCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(filterCells[2]).attr('data-title-text').trim()).toBe('£'); var dataRows = elm.find('tbody').find('tr'); var dataCells = angular.element(dataRows[0]).find('td'); expect(angular.element(dataCells[0]).attr('data-title-text').trim()).toBe('Name'); expect(angular.element(dataCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(dataCells[2]).attr('data-title-text').trim()).toBe('£'); })); }); describe('filters', function(){ var elm; beforeEach(inject(function($compile, NgTableParams) { elm = angular.element( '<table ng-table-dynamic="tableParams with cols" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td ng-repeat="col in $columns">{{user[col.field]}}</td>' + '</tr>' + '</table>'); })); describe('filter specified as alias', function(){ beforeEach(inject(function($compile, NgTableParams) { scope.cols = [ { field: 'name', filter: {username: 'text'} } ]; scope.tableParams = new NgTableParams({}, {}); $compile(elm)(scope); scope.$digest(); })); it('should render named filter template', function() { var inputs = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(inputs.length).toBe(1); expect(inputs.eq(0).attr('type')).toBe('text'); expect(inputs.eq(0).attr('ng-model')).not.toBeUndefined(); expect(inputs.eq(0).attr('name')).toBe('username'); }); it('should databind ngTableParams.filter to filter input', function () { scope.tableParams.filter()['username'] = 'my name is...'; scope.$digest(); var input = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(input.val()).toBe('my name is...'); }); }); describe('multiple filter inputs', function(){ beforeEach(inject(function($compile, NgTableParams) { scope.cols = [ { field: 'name', filter: {name: 'text', age: 'text'} } ]; scope.tableParams = new NgTableParams({}, {}); $compile(elm)(scope); scope.$digest(); })); it('should render filter template for each key/value pair ordered by key', function() { var inputs = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(inputs.length).toBe(2); expect(inputs.eq(0).attr('type')).toBe('text'); expect(inputs.eq(0).attr('ng-model')).not.toBeUndefined(); expect(inputs.eq(1).attr('type')).toBe('text'); expect(inputs.eq(1).attr('ng-model')).not.toBeUndefined(); }); it('should databind ngTableParams.filter to filter inputs', function () { scope.tableParams.filter()['name'] = 'my name is...'; scope.tableParams.filter()['age'] = '10'; scope.$digest(); var inputs = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(inputs.eq(0).val()).toBe('my name is...'); expect(inputs.eq(1).val()).toBe('10'); }); }); describe('dynamic filter', function(){ var ageFilter; beforeEach(inject(function($compile, NgTableParams) { ageFilter = { age: 'text'}; function getFilter(paramsScope){ if (paramsScope.$column.title() === 'Name of user') { return {username: 'text'}; } else if (paramsScope.$column.title() === 'Age') { return ageFilter; } } scope.cols = [ { field: 'name', title: 'Name of user', filter: getFilter }, { field: 'age', title: 'Age', filter: getFilter } ]; scope.tableParams = new NgTableParams({}, {}); $compile(elm)(scope); scope.$digest(); })); it('should render named filter template', function() { var usernameInput = elm.find('thead').find('tr').eq(1).find('th').eq(0).find('input'); expect(usernameInput.attr('type')).toBe('text'); expect(usernameInput.attr('name')).toBe('username'); var ageInput = elm.find('thead').find('tr').eq(1).find('th').eq(1).find('input'); expect(ageInput.attr('type')).toBe('text'); expect(ageInput.attr('name')).toBe('age'); }); it('should databind ngTableParams.filter to filter input', function () { scope.tableParams.filter()['username'] = 'my name is...'; scope.tableParams.filter()['age'] = '10'; scope.$digest(); var usernameInput = elm.find('thead').find('tr').eq(1).find('th').eq(0).find('input'); expect(usernameInput.val()).toBe('my name is...'); var ageInput = elm.find('thead').find('tr').eq(1).find('th').eq(1).find('input'); expect(ageInput.val()).toBe('10'); }); it('should render new template as filter changes', inject(function($compile) { var scriptTemplate = angular.element( '<script type="text/ng-template" id="ng-table/filters/number.html"><input type="number" name="{{name}}"/></script>'); $compile(scriptTemplate)(scope); ageFilter.age = 'number'; scope.$digest(); var ageInput = elm.find('thead').find('tr').eq(1).find('th').eq(1).find('input'); expect(ageInput.attr('type')).toBe('number'); expect(ageInput.attr('name')).toBe('age'); })); }); }); describe('reorder columns', function() { var elm; var getTitles = function () { var thead = elm.find('thead'); var rows = thead.find('tr'); var titles = angular.element(rows[0]).find('th'); return angular.element(titles).text().trim().split(/\s+/g) }; beforeEach(inject(function ($compile, $q, NgTableParams) { elm = angular.element( '<div>' + '<table ng-table-dynamic="tableParams with cols" show-filter="true">' + '<tr ng-repeat="user in $data">' + "<td ng-repeat=\"col in $columns\">{{user[col.field]}}</td>" + '</tr>' + '</table>' + '</div>'); scope.tableParams = new NgTableParams({}, {}); scope.cols = [ { field: 'name', title: 'Name' }, { field: 'age', title: 'Age' }, { field: 'money', title: 'Money' } ]; $compile(elm)(scope); scope.$digest(); })); it('"in place" switch of columns within array should reorder html table columns', function () { expect(getTitles()).toEqual([ 'Name', 'Age', 'Money' ]); var colToSwap = scope.cols[2]; scope.cols[2] = scope.cols[1]; scope.cols[1] = colToSwap; scope.$digest(); expect(getTitles()).toEqual([ 'Name', 'Money', 'Age' ]); }); it('"in place" reverse of column array should reorder html table columns', function () { expect(getTitles()).toEqual([ 'Name', 'Age', 'Money' ]); scope.cols.reverse(); scope.$digest(); expect(getTitles()).toEqual([ 'Money', 'Age', 'Name' ]); }); it('html table columns should reflect order of columns in replacement array', function () { expect(getTitles()).toEqual([ 'Name', 'Age', 'Money' ]); var newArray = scope.cols.map(angular.identity); newArray.reverse(); scope.cols = newArray; scope.$digest(); expect(getTitles()).toEqual([ 'Money', 'Age', 'Name' ]); }); }); });	21.15 KB	2026-02-12 14:54
📄 tableParamsSpec.js describe('NgTableParams', function () { var scope, ctrl, data = [ {name: "Moroni", age: 50, role: 'Administrator'}, {name: "Tiancum", age: 43, role: 'Administrator'}, {name: "Jacob", age: 27, role: 'Administrator'}, {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Enos", age: 34, role: 'User'}, {name: "Tiancum", age: 43, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Enos", age: 34, role: 'User'}, {name: "Tiancum", age: 43, role: 'Moderator'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'User'}, {name: "Enos", age: 34, role: 'Moderator'}, {name: "Tiancum", age: 43, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'User'}, {name: "Enos", age: 34, role: 'User'} ]; var NgTableParams, $rootScope; beforeEach(function () { // Initialize the service provider // by injecting it to a fake module's config block var fakeModule = angular.module('test.config', function () {}); fakeModule.config( function ($provide) { $provide.decorator('ngTableDefaultGetData', createSpy); createSpy.$inject = ['$delegate']; function createSpy(ngTableDefaultGetData){ return jasmine.createSpy('ngTableDefaultGetDataSpy',ngTableDefaultGetData).and.callThrough(); } }); // Initialize test.app injector module('ngTable', 'test.config'); }); beforeEach(inject(function ($controller, _$rootScope_, _NgTableParams_) { $rootScope = _$rootScope_; scope = $rootScope.$new(); NgTableParams = _NgTableParams_; })); function createNgTableParams(settings) { var initialParams; if (arguments.length === 2){ initialParams = arguments[0]; settings = arguments[1]; } settings = angular.extend({}, { filterDelay: 0 }, settings); var tableParams = new NgTableParams(initialParams, settings); spyOn(tableParams.settings(), 'getData').and.callThrough(); return tableParams; } it('NgTableParams should be defined', function () { expect(NgTableParams).toBeDefined(); }); describe('generatePagesArray', function(){ it('should generate pages array using arguments supplied', function(){ var params = new NgTableParams(); expect(params.generatePagesArray(1, 30, 10)).toEqual([ { type: 'prev', number: 1, active: false }, { type: 'first', number: 1, active: false, current: true }, { type: 'page', number: 2, active: true, current: false }, { type: 'last', number: 3, active: true, current: false }, { type: 'next', number: 2, active: true } ]); expect(params.generatePagesArray(2, 30, 10)).toEqual([ { type: 'prev', number: 1, active: true }, { type: 'first', number: 1, active: true, current: false }, { type: 'page', number: 2, active: false, current: true }, { type: 'last', number: 3, active: true, current: false }, { type: 'next', number: 3, active: true } ]); expect(params.generatePagesArray(2, 100, 10)).toEqual([ { type: 'prev', number: 1, active: true }, { type: 'first', number: 1, active: true, current: false }, { type: 'page', number: 2, active: false, current: true }, { type: 'page', number: 3, active: true, current: false }, { type: 'page', number: 4, active: true, current: false }, { type: 'page', number: 5, active: true, current: false }, { type: 'page', number: 6, active: true, current: false }, { type: 'page', number: 7, active: true, current: false }, { type: 'more', active: false }, { type: 'last', number: 10, active: true, current: false }, { type: 'next', number: 3, active: true } ]); }); it('should use own parameter values to generate pages when no arguments supplied', function(){ var params = new NgTableParams({ page: 2, count: 10 }, { total: 30 }); expect(params.generatePagesArray()).toEqual([ { type: 'prev', number: 1, active: true }, { type: 'first', number: 1, active: true, current: false }, { type: 'page', number: 2, active: false, current: true }, { type: 'last', number: 3, active: true, current: false }, { type: 'next', number: 3, active: true } ]); }); }); it('NgTableParams `page` parameter', function () { var params = new NgTableParams(); expect(params.page()).toBe(1); expect(params.page(2)).toEqual(params); expect(params.page()).toBe(2); params = new NgTableParams({ page: 3 }); expect(params.page()).toBe(3); }); it('NgTableParams parse url parameters', function () { var params = new NgTableParams({ 'sorting[name]': 'asc', 'sorting[age]': 'desc', 'filter[name]': 'test', 'filter[age]': 20 }); expect(params.filter()).toEqual({ 'name': 'test', 'age': 20 }); expect(params.filter({})).toEqual(params); expect(params.sorting()).toEqual({ 'age': 'desc' }); // sorting only by one column expect(params.sorting({})).toEqual(params); }); it('NgTableParams return url parameters', function () { var params = new NgTableParams({ 'sorting[name]': 'asc', 'sorting[age]': 'desc', 'filter[name]': 'test', 'filter[age]': 20 }); expect(params.url()).toEqual({ 'page': '1', 'count': '1', 'filter[name]': 'test', 'filter[age]': 20, 'sorting[age]': 'desc' }); expect(params.url(true)).toEqual([ 'page=1', 'count=1', 'filter[name]=test', 'filter[age]=20', 'sorting[age]=desc' ]); }); it('NgTableParams test orderBy', function () { var params = new NgTableParams({ 'sorting[name]': 'asc' }); expect(params.orderBy()).toEqual([ '+name' ]); // for angular sorting function params.sorting({ name: 'desc', age: 'asc' }); expect(params.orderBy()).toEqual([ '-name', '+age' ]); }); it('NgTableParams test settings', function () { var params = new NgTableParams(); expect(params.settings()).toEqual(jasmine.objectContaining({ $loading: false, data: null, total: 0, defaultSort : 'desc', counts: [10, 25, 50, 100], interceptors: [], paginationMaxBlocks: 11, paginationMinBlocks: 5, sortingIndicator : 'span', getData: params.getData, getGroups: params.getGroups, filterDelay: 750 })); params = new NgTableParams({}, { total: 100, counts: [1,2] }); expect(params.settings()).toEqual(jasmine.objectContaining({ $loading: false, data: null, total: 100, defaultSort : 'desc', counts: [1,2], interceptors: [], paginationMaxBlocks: 11, paginationMinBlocks: 5, sortingIndicator : 'span', getData: params.getData, getGroups: params.getGroups, filterDelay: 750 })); }); it('changing settings().data should reset page to 1', function(){ // given var tableParams = createNgTableParams({ count: 1, page: 2 }, { data: [1,2,3]}); tableParams.reload(); scope.$digest(); expect(tableParams.page()).toBe(2); // checking assumptions // when tableParams.settings({ data: [1,2,3, 4]}); // then expect(tableParams.page()).toBe(1); }); describe('reload', function(){ it('should call getData to retrieve data', function(){ var tp = createNgTableParams(); tp.reload(); scope.$digest(); expect(tp.settings().getData.calls.count()).toBe(1); }); it('should add the results returned by getData to the data field', function(){ var tp = createNgTableParams({ getData: function(){ return [1,2,3]; }}); tp.reload(); scope.$digest(); expect(tp.data).toEqual([1,2,3]); }); it('should use ngTableDefaultGetData function when NgTableParams not supplied a getData function', inject(function(ngTableDefaultGetData){ // given var tp = createNgTableParams(); // when tp.reload(); scope.$digest(); // then expect(ngTableDefaultGetData).toHaveBeenCalled(); })); it('should propagate rejection reason from getData', inject(function($q){ // given var tp = createNgTableParams({ getData: function(){ return $q.reject('bad response') }}); // when var actualRejection; tp.reload().catch(function(reason){ actualRejection = reason; }); scope.$digest(); // then expect(actualRejection).toBe('bad response'); })); }); it('NgTableParams test grouping', inject(function ($rootScope) { var tp = createNgTableParams({ getData: function (/params/) { return data; }}); var actualRoleGroups; tp.getGroups('role'/, params/).then(function(groups){ actualRoleGroups = groups; }); $rootScope.$digest(); expect(actualRoleGroups).toEqual([ { value: 'Administrator', data: [ {name: "Moroni", age: 50, role: 'Administrator'}, {name: "Tiancum", age: 43, role: 'Administrator'}, {name: "Jacob", age: 27, role: 'Administrator'} ] }, { value: 'Moderator', data: [ {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Tiancum", age: 43, role: 'Moderator'}, {name: "Enos", age: 34, role: 'Moderator'} ] }, { value: 'User', data: [ {name: "Enos", age: 34, role: 'User'}, {name: "Tiancum", age: 43, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Enos", age: 34, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'User'}, {name: "Tiancum", age: 43, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Nephi", age: 29, role: 'User'}, {name: "Enos", age: 34, role: 'User'} ] } ]); var actualAgeGroups; tp.getGroups('age'/, params/).then(function(groups){ actualAgeGroups = groups; }); $rootScope.$digest(); expect(actualAgeGroups).toEqual([ { value: 27, data: [ {name: "Jacob", age: 27, role: 'Administrator'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Jacob", age: 27, role: 'User'}, {name: "Jacob", age: 27, role: 'User'} ] }, { value: 29, data: [ {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Nephi", age: 29, role: 'Moderator'}, {name: "Nephi", age: 29, role: 'User'}, {name: "Nephi", age: 29, role: 'User'} ] }, { value: 34, data: [ {name: "Enos", age: 34, role: 'User'}, {name: "Enos", age: 34, role: 'User'}, {name: "Enos", age: 34, role: 'Moderator'}, {name: "Enos", age: 34, role: 'User'} ] }, { value: 43, data: [ {name: "Tiancum", age: 43, role: 'Administrator'}, {name: "Tiancum", age: 43, role: 'User'}, {name: "Tiancum", age: 43, role: 'Moderator'}, {name: "Tiancum", age: 43, role: 'User'} ] },{ value: 50, data: [ {name: "Moroni", age: 50, role: 'Administrator'} ] } ]); })); it('ngTableParams test defaults', inject(function ($q, ngTableDefaults) { ngTableDefaults.params = { count: 2 }; ngTableDefaults.settings = { counts: [] }; var tp = new NgTableParams(); expect(tp.count()).toEqual(2); expect(tp.page()).toEqual(1); var settings = tp.settings(); expect(settings.counts.length).toEqual(0); expect(settings.interceptors.length).toEqual(0); expect(settings.filterDelay).toEqual(750); ngTableDefaults.settings.interceptors = [ { response: angular.identity }]; tp = new NgTableParams(); expect(tp.settings().interceptors.length).toEqual(1); })); describe('hasFilter', function(){ var tp; beforeEach(inject(function(){ tp = new NgTableParams({}, {}); })); it('should return false for an empty filter object', function(){ tp.filter({}); expect(tp.hasFilter()).toBe(false); }); it('should return true for when filter has a field with a significant value', function(){ tp.filter({ a: 'b' }); expect(tp.hasFilter()).toBe(true); tp.filter({ a: 0 }); expect(tp.hasFilter()).toBe(true); }); it('should return false when filter only has insignificant field values', function(){ tp.filter({ a: '' }); expect(tp.hasFilter()).toBe(false); tp.filter({ a: null }); expect(tp.hasFilter()).toBe(false); tp.filter({ a: undefined }); expect(tp.hasFilter()).toBe(false); tp.filter({ a: undefined, b: '', c: undefined }); expect(tp.hasFilter()).toBe(false); //tp.filter({ a: NaN }); //expect(tp.hasFilter()).toBe(false); }); }); describe('isDataReloadRequired', function(){ var tp; beforeEach(inject(function(){ tp = createNgTableParams(); })); it('should return true after construction', function(){ expect(tp.isDataReloadRequired()).toBe(true); }); it('should return false once reload called after construction', function(){ tp.reload(); // note: we don't have to wait for the getData promise to be resolved before considering reload // to be unnecessary - that's why we're not having to run a $digest expect(tp.isDataReloadRequired()).toBe(false); }); it('should return true when getData fails', inject(function($q){ tp.settings({ getData: function(){ return $q.reject('bad response'); }}); tp.reload(); scope.$digest(); expect(tp.isDataReloadRequired()).toBe(true); })); it('should detect direct changes to parameters', inject(function($q){ // given tp.reload(); scope.$digest(); expect(tp.isDataReloadRequired()).toBe(false); // checking assumptions // when tp.filter().newField = 99; expect(tp.isDataReloadRequired()).toBe(true); })); it('should return true until changed parameters have been reloaded', function(){ // given tp.reload(); scope.$digest(); // when, then... verifyIsDataReloadRequired(function(){ tp.filter({ age: 1}); }); verifyIsDataReloadRequired(function(){ tp.page(55); }); verifyIsDataReloadRequired(function(){ tp.sorting({ age: 'desc'}); }); verifyIsDataReloadRequired(function(){ tp.count(100); }); }); it('should return false when parameters "touched" but not modified', function(){ // given tp.filter({ age: 1}); tp.reload(); scope.$digest(); // when, then... tp.filter({ age: 1}); expect(tp.isDataReloadRequired()).toBe(false); }); it('should return true when new settings data array supplied', function(){ // given tp.reload(); scope.$digest(); verifyIsDataReloadRequired(function(){ tp.settings({ data: [11,22,33]}); }); }); it('should return true when existing settings data array is unset', function(){ // given tp = createNgTableParams({ data: [1,2,3]}); tp.reload(); scope.$digest(); verifyIsDataReloadRequired(function(){ tp.settings({ data: null}); }); }); it('status should not change when settings called without a data array', function(){ // given tp = createNgTableParams({ data: [1,2,3]}); tp.reload(); scope.$digest(); // when, then... tp.settings({ total : 100 }); expect(tp.isDataReloadRequired()).toBe(false); }); function verifyIsDataReloadRequired(modifer){ modifer(); expect(tp.isDataReloadRequired()).toBe(true); tp.reload(); scope.$digest(); expect(tp.isDataReloadRequired()).toBe(false); } }); describe('hasFilterChanges', function(){ var tp; beforeEach(inject(function(){ tp = createNgTableParams(); })); it('should return true after construction', function(){ expect(tp.hasFilterChanges()).toBe(true); }); it('should return false once reload called after construction', function(){ tp.reload(); // note: we don't have to wait for the getData promise to be resolved before considering reload // to be unnecessary - that's why we're not having to run a $digest expect(tp.hasFilterChanges()).toBe(false); }); it('should return true when getData fails', inject(function($q){ tp.settings({ getData: function(){ return $q.reject('bad response'); }}); tp.reload(); scope.$digest(); expect(tp.hasFilterChanges()).toBe(true); })); it('should detect direct changes to filters', inject(function($q){ // given tp.reload(); scope.$digest(); expect(tp.hasFilterChanges()).toBe(false); // checking assumptions // when tp.filter().newField = 99; expect(tp.hasFilterChanges()).toBe(true); })); it('should return true until changed filters have been reloaded', function(){ // given tp.reload(); scope.$digest(); // when, then... tp.filter({ age: 1}); expect(tp.hasFilterChanges()).toBe(true); tp.reload(); scope.$digest(); expect(tp.hasFilterChanges()).toBe(false); }); it('should return false when filters "touched" but not modified', function(){ // given tp.filter({ age: 1}); tp.reload(); scope.$digest(); // when, then... tp.filter({ age: 1}); expect(tp.hasFilterChanges()).toBe(false); }); it('status should not change just because new settings data array supplied', function(){ // given tp.reload(); scope.$digest(); // when, then... tp.settings({ data: [11,22,33]}); expect(tp.hasFilterChanges()).toBe(false); }); }); describe('backwards compatibility shim', function(){ it('shim should supply getData original arguments', inject(function(ngTableGetDataBcShim){ // given var callCount = 0; var adaptedFn = ngTableGetDataBcShim(originalGetDataFn); // when var tableParams = new NgTableParams({}, {}); adaptedFn(tableParams); // then expect(callCount).toBe(1); function originalGetDataFn($defer, params){ callCount++; expect($defer).toBeDefined(); expect($defer.resolve).toBeDefined(); expect(params).toBeDefined(); expect(params).toEqual(jasmine.any(NgTableParams)); } })); it('shim should return the getData "$defer" promise', inject(function(ngTableGetDataBcShim){ // given var callCount = 0; var adaptedFn = ngTableGetDataBcShim(originalGetDataFn); // when var tableParams = new NgTableParams({}, {}); var results = adaptedFn(tableParams); // then expect(results).toBeDefined(); expect(results.then).toBeDefined(); results.then(function(data){ expect(data.length).toBe(3); }); scope.$digest(); function originalGetDataFn($defer/, params/){ $defer.resolve([1,2,3]); } })); it('shim should return the data', inject(function(ngTableGetDataBcShim){ // given var callCount = 0; var adaptedFn = ngTableGetDataBcShim(originalGetDataFn); // when var tableParams = new NgTableParams({}, {}); var results = adaptedFn(tableParams); // then expect(results).toBeDefined(); expect(results).toEqual([1,2,3]); function originalGetDataFn(/$defer, params/){ return [1,2,3]; } })); it('shim should be applied when getData function supplied has more than one parameter', function(){ // given var tp = createNgTableParams({ getData: originalGetDataFn}); // when var dataFetched = tp.reload(); // then var actualData; dataFetched.then(function(data){ actualData = data; }); scope.$digest(); expect(actualData).toEqual([1,2,3]); function originalGetDataFn($defer, params){ params.total(3); $defer.resolve([1,2,3]); } }); it('shim should NOT be applied when getData has new signature', function(){ // given var tp = createNgTableParams({ getData: newGetDataFn}); // when var dataFetched = tp.reload(); // then var actualData; dataFetched.then(function(data){ actualData = data; }); scope.$digest(); expect(actualData).toEqual([1,2,3]); function newGetDataFn(params){ params.total(3); return [1,2,3]; } }); }); describe('interceptors', function(){ it('can register interceptor', function(){ var interceptor = { response: angular.identity }; var tp = createNgTableParams({ interceptors: [interceptor]}); expect(tp.settings().interceptors).toEqual([interceptor]); }); it('can register multiple interceptor', function(){ var interceptors = [{ response: angular.identity }, { response: angular.identity }]; var tp = createNgTableParams({ interceptors: interceptors}); expect(tp.settings().interceptors).toEqual(interceptors); }); it('can register interceptors after NgTableParams created', function(){ var interceptor = { response: angular.identity }; var interceptor2 = { response: angular.identity }; var tp = createNgTableParams({ interceptors: [interceptor]}); var interceptors = tp.settings().interceptors.concat([interceptor2]); tp.settings({ interceptors: interceptors}); expect(tp.settings().interceptors).toEqual(interceptors); }); describe('one response interceptor', function(){ it('should receive response from call to getData', function(){ // given var interceptor = { response: function(/data, params/){ this.hasRun = true; } }; var tp = createNgTableParams({ interceptors: [interceptor]}); // when tp.reload(); scope.$digest(); // then expect(interceptor.hasRun).toBeTruthy(); }); it('should be able to modify data returned by getData', function(){ // given var interceptor = { response: function(data/, params/){ data.forEach(function(item){ item.modified = true; }); return data; } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(){ return [{}, {}]; }}); // when var actualData; tp.reload().then(function(data){ actualData = data; }); scope.$digest(); // then expect(actualData).toEqual([{ modified: true }, { modified: true }]); }); it('should be able to replace data returned by getData', function(){ // given var interceptor = { response: function(data/, params/){ return data.map(function(item){ return item * 2; }); } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(){ return [2, 3]; }}); // when var actualData; tp.reload().then(function(data){ actualData = data; }); scope.$digest(); // then expect(actualData).toEqual([4, 6]); }); it('should be able to access tableParams supplied to getData', function(){ // given var interceptor = { response: function(data, params){ params.total(data.total); return data.results; } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(){ return { results: [1,2,3], total: 3}; }}); // when var actualData; tp.reload().then(function(data){ actualData = data; }); scope.$digest(); // then expect(actualData).toEqual([1,2,3]); expect(tp.total()).toEqual(3); }); }); describe('one responseError interceptor', function(){ it('should receive rejections from getData', inject(function($q){ // given var interceptor = { responseError: function(reason/, params/){ this.actualReason = reason; } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(/params/){ return $q.reject('BANG!'); } }); // when tp.reload(); scope.$digest(); // then expect(interceptor.actualReason).toBe('BANG!'); })); it('should NOT receive errors from getData', function(){ // given var interceptor = { responseError: function(/reason, params/){ this.hasRun = true; } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(/params/){ throw new Error('BANG!'); } }); // when, then expect(tp.reload).toThrow(); expect(interceptor.hasRun).toBeFalsy(); }); it('should be able to modify reason returned by getData', inject(function($q){ // given var interceptor = { responseError: function(reason/, params/){ reason.code = 400; return $q.reject(reason); } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(/params/){ return $q.reject({ description: 'crappy data'}); } }); // when var actualReason; tp.reload().catch(function(reason){ actualReason = reason; }); scope.$digest(); // then expect(actualReason.code).toBe(400); expect(actualReason.description).toBe('crappy data'); })); it('should be able to replace reason returned by getData', inject(function($q){ // given var interceptor = { responseError: function(/reason, params/){ return $q.reject('Cancelled by user'); } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(/params/){ return $q.reject('BANG!'); } }); // when var actualReason; tp.reload().catch(function(reason){ actualReason = reason; }); scope.$digest(); // then expect(actualReason).toBe('Cancelled by user'); })); it('should be able to access tableParams supplied to getData', function(){ // given var interceptor = { response: function(reason, params){ this.actualParams = params; } }; var tp = createNgTableParams({ interceptors: [interceptor]}); // when var actualData; tp.reload(); scope.$digest(); // then expect(interceptor.actualParams).toBe(tp); }); }); describe('one response plus responseError interceptor', function(){ it('should NOT call responseError on same interceptor whose response method fails', inject(function($q){ // given var interceptor = { response: function(/data, params/){ return $q.reject('BANG!'); }, responseError: function(reason/, params/){ this.hasRun = true; } }; var tp = createNgTableParams({ interceptors: [interceptor], getData: function(/params/){ return [1,2,3]; } }); // when tp.reload(); scope.$digest(); // then expect(interceptor.hasRun).toBeFalsy(); })); }); describe('multiple response interceptors', function(){ it('should run interceptors in the order they were registered', function(){ // given var callCount = 0; var interceptor = { response: function(/data, params/){ this.sequence = callCount; callCount++; } }; var interceptors = [interceptor, angular.copy(interceptor)]; var tp = createNgTableParams({ interceptors: interceptors}); // when tp.reload(); scope.$digest(); // then expect(interceptors[0].sequence).toBe(0); expect(interceptors[1].sequence).toBe(1); }); it('results of one interceptor should be piped to the next validator', function(){ // given var interceptor = { response: function(data/, params/){ return data.map(function(item){ return item * 2; }); } }; var interceptor2 = { response: function(data/, params/){ return data.map(function(item){ return item.toString() + '0'; }); } }; var tp = createNgTableParams({ interceptors: [interceptor, interceptor2], getData: function(){ return [2, 3]; }}); // when var actualData; tp.reload().then(function(data){ actualData = data; }); scope.$digest(); // then expect(actualData).toEqual(['40', '60']); }); }); describe('multiple response and responseError interceptors', function(){ it('responseError of next interceptor should receive failures from previous interceptor', inject(function($q){ // given var badInterceptor = { response: function(/data, params/){ return $q.reject('BANG!'); } }; var nextInterceptor = { responseError: function(/reason, params/){ this.hasRun = true; } }; var tp = createNgTableParams({ interceptors: [badInterceptor, nextInterceptor]}); // when tp.reload(); scope.$digest(); // then expect(nextInterceptor.hasRun).toBe(true); })); it('should call next response interceptor when previous interceptor recovers from failure', inject(function($q){ // given var badInterceptor = { response: function(/data, params/){ return $q.reject('BANG!'); } }; var recoveringInterceptor = { responseError: function(/reason, params/){ return [8894,58]; } }; var recoveredData; var nextInterceptor = { response: function(data/, params/){ this.hasRun = true; recoveredData = data; } }; var tp = createNgTableParams({ interceptors: [badInterceptor, recoveringInterceptor, nextInterceptor]}); // when tp.reload(); scope.$digest(); // then expect(nextInterceptor.hasRun).toBe(true); expect(recoveredData).toEqual([8894,58]); })); }); }); describe('events', function(){ var actualEventArgs, actualPublisher, fakeTableParams, ngTableEventsChannel; beforeEach(inject(function(_ngTableEventsChannel_){ ngTableEventsChannel = _ngTableEventsChannel_; fakeTableParams = {}; actualPublisher = undefined; actualEventArgs = undefined; })); function getSubscriberCount(){ var allEventNames = Object.keys($rootScope.$$listenerCount); var ngTableEvents = allEventNames.filter(function(event){ return event.indexOf('ngTable:') === 0; }); return ngTableEvents.reduce(function(result, event){ result += $rootScope.$$listenerCount[event]; return result; }, 0); } describe('general pub/sub mechanics', function(){ var supportedEvents = ['DatasetChanged', 'AfterReloadData', 'PagesChanged', 'AfterCreated']; it('should be safe to publish event when no subscribers', function () { function test(event) { ngTableEventsChannel['publish' + event](fakeTableParams); } supportedEvents.forEach(test); }); it('publishing event should notify registered subscribers (one)', function(){ function test(event){ // given var cbCount = 0; ngTableEventsChannel['on' + event](function(){ cbCount++; }); // when ngTableEventsChannel['publish' + event](fakeTableParams); // then expect(cbCount).toBe(1); } supportedEvents.forEach(test); }); it('publishing event should notify registered subscribers (multiple)', function(){ function test(event){ // given var cb1Count = 0; ngTableEventsChannel['on' + event](function(){ cb1Count++; }); var cb2Count = 0; ngTableEventsChannel['on' + event](function(){ cb2Count++; }); // when ngTableEventsChannel['publish' + event](fakeTableParams); // then expect(cb1Count).toBe(1); expect(cb2Count).toBe(1); } supportedEvents.forEach(test); }); it('subscriber should be able to unregister their callback', function(){ function test(event){ // given var cbCount = 0; var subscription = ngTableEventsChannel['on' + event](function(){ cbCount++; }); ngTableEventsChannel['publish' + event](fakeTableParams); expect(cbCount).toBe(1); // checking assumptions expect(getSubscriberCount()).toBe(1); // checking assumptions cbCount = 0; // reset // when subscription(); // unsubscribe ngTableEventsChannel['publish' + event](fakeTableParams); // then expect(cbCount).toBe(0); expect(getSubscriberCount()).toBe(0); } supportedEvents.forEach(test); }); it('subscriber should be able specify the scope to receive events', function(){ // this is useful as it allows all subscriptions to be removed by calling $destroy on that scope function test(event){ // given var childScope = $rootScope.$new(); var cbCount = 0; ngTableEventsChannel['on' + event](function(){ cbCount++; }, childScope); // when, then ngTableEventsChannel['publish' + event](fakeTableParams); expect(cbCount).toBe(1); cbCount = 0; // reset // when, then childScope.$destroy(); ngTableEventsChannel['publish' + event](fakeTableParams); // then expect(cbCount).toBe(0); } supportedEvents.forEach(test); }); it('should not notify subscribers who have filter out the publisher', function(){ function test(event){ // given var cbCount = 0; ngTableEventsChannel['on' + event](function(){ cbCount++; }, function(publisher){ return publisher === fakeTableParams; }); // when ngTableEventsChannel['publish' + event](fakeTableParams); var anoParams = {}; ngTableEventsChannel['publish' + event](anoParams); // then expect(cbCount).toBe(1); } supportedEvents.forEach(test); }); it('should not notify subscribers who have filter not to receive event based on arg values', function(){ function test(event){ // given var cbCount = 0; ngTableEventsChannel['on' + event](function(){ cbCount++; }, function(publisher, arg1){ return arg1 === 1; }); // when ngTableEventsChannel['publish' + event](fakeTableParams, 'cc'); ngTableEventsChannel['publish' + event](fakeTableParams, 1); // then expect(cbCount).toBe(1); } supportedEvents.forEach(test); }); it('should support a shorthand for subscribers to receive events from specific NgTableParams instance', function () { function test(event) { // given var cbCount = 0; ngTableEventsChannel['on' + event](function () { cbCount++; }, fakeTableParams); // when ngTableEventsChannel['publish' + event](fakeTableParams); var anoParams = {}; ngTableEventsChannel['publish' + event](anoParams); // then expect(cbCount).toBe(1); } supportedEvents.forEach(test); }); it('publisher should be supplied to subscriber callback', function(){ function test(event){ // given var cbCount = 0; ngTableEventsChannel['on' + event](function(params){ actualPublisher = params; }); // when ngTableEventsChannel['publish' + event](fakeTableParams); // then expect(actualPublisher).toBe(fakeTableParams); } supportedEvents.forEach(test); }); it('remaining event args should be supplied to subscriber callback', function(){ function test(event){ // given ngTableEventsChannel['on' + event](function(params/, ...args/){ actualPublisher = params; actualEventArgs = _.rest(arguments); }); // when var arg1 = [1, 2]; var arg2 = [1]; ngTableEventsChannel['publish' + event](fakeTableParams, arg1, arg2); // then expect(actualEventArgs).toEqual([arg1, arg2]); } supportedEvents.forEach(test); }); it('subscribers should never receive events from null instance of tableParams', function(){ function test(event){ // given var cbCount = 0; ngTableEventsChannel['on' + event](function(params/, ...args/){ cbCount++; }); // when fakeTableParams.isNullInstance = true; ngTableEventsChannel['publish' + event](fakeTableParams); // then expect(cbCount).toEqual(0); } supportedEvents.forEach(test); }); }); describe('afterCreated', function(){ it('should fire when a new NgTableParams has been constructed', function(){ // given ngTableEventsChannel.onAfterCreated(function(params){ actualPublisher = params; }); // when var params = createNgTableParams(); // then expect(actualPublisher).toBe(params); }); }); describe('afterReloadData', function(){ it('should fire when a reload completes', function(){ // given ngTableEventsChannel.onAfterReloadData(function(params, newVal, oldVal){ actualPublisher = params; actualEventArgs = [newVal, oldVal]; }); var newDatapage = [1, 5, 6]; var params = createNgTableParams({ getData: function(){ return newDatapage; }}); // when params.reload(); scope.$digest(); // then expect(actualPublisher).toBe(params); expect(actualEventArgs).toEqual([newDatapage, []]); }); it('should fire on reload even if datapage remains the same array', function(){ // given var callCount = 0; ngTableEventsChannel.onAfterReloadData(function(/params, newVal, oldVal/){ callCount++; }); var dataPage = [1,2,3]; var params = createNgTableParams({ getData: function(){ return dataPage; }}); // when params.reload(); scope.$digest(); params.reload(); scope.$digest(); // then expect(callCount).toBe(2); }); }); describe('pagesChanged', function(){ it('should fire when a reload completes', function(){ // given ngTableEventsChannel.onPagesChanged(function(params, newVal, oldVal){ actualPublisher = params; actualEventArgs = [newVal, oldVal]; }); var params = createNgTableParams({ count: 5 }, { counts: [5,10], data: [1,2,3,4,5,6]}); // when params.reload(); scope.$digest(); // then var expectedPages = params.generatePagesArray(params.page(), params.total(), params.count()); expect(expectedPages.length).toBeGreaterThan(0); // checking assumptions expect(actualEventArgs).toEqual([expectedPages, undefined]); }); it('should fire when a reload completes - no data', function(){ // given ngTableEventsChannel.onPagesChanged(function(params, newVal, oldVal){ actualPublisher = params; actualEventArgs = [newVal, oldVal]; }); var params = createNgTableParams({ count: 5 }, { counts: [5,10], data: []}); // when params.reload(); scope.$digest(); // then expect(actualEventArgs).toEqual([[], undefined]); }); it('should fire when a reload completes (multiple)', function(){ // given var callCount = 0; ngTableEventsChannel.onPagesChanged(function(/params, newVal, oldVal/){ callCount++; }); var params = createNgTableParams({ count: 5 }, { counts: [5,10], data: [1,2,3,4,5,6]}); // when params.reload(); scope.$digest(); params.page(2); // trigger a change to pages data structure params.reload(); scope.$digest(); // then expect(callCount).toBe(2); }); it('should not fire on reload when pages remain the same', function(){ // given var callCount = 0; ngTableEventsChannel.onPagesChanged(function(/params, newVal, oldVal/){ callCount++; }); var params = createNgTableParams({ count: 5 }, { counts: [5,10], data: [1,2,3,4,5,6]}); params.reload(); scope.$digest(); // when params.reload(); scope.$digest(); // then expect(callCount).toBe(1); }); }); describe('datasetChanged', function(){ it('should fire when a initial dataset is supplied as a settings value', function(){ // given ngTableEventsChannel.onDatasetChanged(function(params, newVal, oldVal){ actualPublisher = params; actualEventArgs = [newVal, oldVal]; }); // when var initialDs = [5, 10]; var params = createNgTableParams({ data: initialDs}); // then expect(actualPublisher).toBe(params); expect(actualEventArgs).toEqual([initialDs, null]); }); it('should fire when a new dataset is supplied as a settings value', function(){ // given var initialDs = [1, 2]; ngTableEventsChannel.onDatasetChanged(function(params, newVal, oldVal){ actualPublisher = params; actualEventArgs = [newVal, oldVal]; }); var params = createNgTableParams({ data: initialDs}); // when var newDs = [5, 10]; params.settings({ data: newDs}); // then expect(actualPublisher).toBe(params); expect(actualEventArgs).toEqual([newDs, initialDs]); }); it('should fire when a dataset is removed from settings value', function(){ // given var initialDs = [1, 2]; ngTableEventsChannel.onDatasetChanged(function(params, newVal, oldVal){ actualPublisher = params; actualEventArgs = [newVal, oldVal]; }); var params = createNgTableParams({ data: initialDs}); // when var newDs = null; params.settings({ data: newDs}); // then expect(actualPublisher).toBe(params); expect(actualEventArgs).toEqual([newDs, initialDs]); }); it('should NOT fire when the same data array is supplied as a new settings value', function(){ // given var callCount = 0; var initialDs = [1, 2]; ngTableEventsChannel.onDatasetChanged(function(/params, newVal, oldVal/){ callCount++; }); var params = createNgTableParams({ data: initialDs}); // when params.settings({ data: initialDs}); // then expect(callCount).toBe(1); }); it('settings().data on publisher should reference the new dataset', function(){ var initialDs = [1, 2]; var newDs = [1, 2, 3]; var params = createNgTableParams({ data: initialDs}); ngTableEventsChannel.onDatasetChanged(function(params, newVal/, oldVal/){ expect(params.settings().data).toBe(newVal); }); params.settings({ data: newDs}); }); }); }) });	53.62 KB	2026-02-12 14:54
📄 tableSpec.js describe('ng-table', function() { var data = [ { id: 1, name: "Moroni", age: 50, money: -10 }, { id: 2, name: "Tiancum", age: 43, money: 120 }, { id: 3, name: "Jacob", age: 27, money: 5.5 }, { id: 4, name: "Nephi", age: 29, money: -54 }, { id: 5, name: "Enos", age: 34, money: 110 }, { id: 6, name: "Tiancum", age: 43, money: 1000 }, { id: 7, name: "Jacob", age: 27, money: -201 }, { id: 8, name: "Nephi", age: 29, money: 100 }, { id: 9, name: "Enos", age: 34, money: -52.5 }, { id: 10, name: "Tiancum", age: 43, money: 52.1 }, { id: 11, name: "Jacob", age: 27, money: 110 }, { id: 12, name: "Nephi", age: 29, money: -55 }, { id: 13, name: "Enos", age: 34, money: 551 }, { id: 14, name: "Tiancum", age: 43, money: -1410 }, { id: 15, name: "Jacob", age: 27, money: 410 }, { id: 16, name: "Nephi", age: 29, money: 100 }, { id: 17, name: "Enos", age: 34, money: -100 } ]; var NgTableParams; beforeEach(module('ngTable')); var scope; beforeEach(inject(function($rootScope, _NgTableParams_) { scope = $rootScope.$new(true); NgTableParams = _NgTableParams_; })); function createNgTableParams(settings) { var initialParams; if (arguments.length === 2){ initialParams = arguments[0]; settings = arguments[1]; } settings = angular.extend({}, { filterDelay: 0 }, settings); var tableParams = new NgTableParams(initialParams, settings); spyOn(tableParams.settings(), 'getData').and.callThrough(); return tableParams; } describe('basics', function(){ var elm; beforeEach(inject(function($compile, $q) { elm = angular.element( '<div>' + '<table ng-table="tableParams" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td data-header-title="\'Sort by Name\'" data-title="nameTitle()" filter="{ \'name\': \'text\' }" sortable="\'name\'" data-header-class="getCustomClass($column)"' + ' ng-if="showName">' + '{{user.name}}' + '</td>' + '<td x-data-header-title="\'Sort by Age\'" x-data-title="ageTitle()" sortable="\'age\'" x-data-header-class="getCustomClass($column)"' + ' ng-if="showAge">' + '{{user.age}}' + '</td>' + '<td header-title="\'Sort by Money\'" title="moneyTitle()" filter="{ \'action\': \'select\' }" filter-data="money($column)" header-class="getCustomClass($column)"' + ' ng-if="showMoney">' + '{{user.money}}' + '</td>' + '</tr>' + '</table>' + '</div>'); scope.nameTitle = function(){ return 'Name of person'; }; scope.ageTitle = function(){ return 'Age'; }; scope.moneyTitle = function(){ return 'Money'; }; scope.showName = true; scope.showAge = true; scope.showMoney = true; scope.ageTitle = function(){ return 'Age'; }; scope.moneyTitle = function(){ return 'Money'; }; scope.getCustomClass = function($column){ if ($column.title().indexOf('Money') !== -1){ return 'moneyHeaderClass'; } else{ return 'customClass'; } }; scope.money = function(/$column/) { var def = $q.defer(); def.resolve([{ 'id': 10, 'title': '10' }]); return def; }; $compile(elm)(scope); scope.$digest(); })); it('should create table header', function() { var thead = elm.find('thead'); expect(thead.length).toBe(1); var rows = thead.find('tr'); expect(rows.length).toBe(2); var titles = angular.element(rows[0]).find('th'); expect(titles.length).toBe(3); expect(angular.element(titles[0]).text().trim()).toBe('Name of person'); expect(angular.element(titles[1]).text().trim()).toBe('Age'); expect(angular.element(titles[2]).text().trim()).toBe('Money'); expect(angular.element(rows[1]).hasClass('ng-table-filters')).toBeTruthy(); var filters = angular.element(rows[1]).find('th'); expect(filters.length).toBe(3); expect(angular.element(filters[0]).hasClass('filter')).toBeTruthy(); expect(angular.element(filters[1]).hasClass('filter')).toBeTruthy(); expect(angular.element(filters[2]).hasClass('filter')).toBeTruthy(); }); it('should create table header classes', function() { var thead = elm.find('thead'); var rows = thead.find('tr'); var titles = angular.element(rows[0]).find('th'); expect(angular.element(titles[0]).hasClass('header')).toBeTruthy(); expect(angular.element(titles[1]).hasClass('header')).toBeTruthy(); expect(angular.element(titles[2]).hasClass('header')).toBeTruthy(); expect(angular.element(titles[0]).hasClass('sortable')).toBeTruthy(); expect(angular.element(titles[1]).hasClass('sortable')).toBeTruthy(); expect(angular.element(titles[2]).hasClass('sortable')).toBeFalsy(); expect(angular.element(titles[0]).hasClass('customClass')).toBeTruthy(); expect(angular.element(titles[1]).hasClass('customClass')).toBeTruthy(); expect(angular.element(titles[2]).hasClass('moneyHeaderClass')).toBeTruthy(); }); it('should create table header titles', function() { var thead = elm.find('thead'); var rows = thead.find('tr'); var titles = angular.element(rows[0]).find('th'); expect(angular.element(titles[0]).attr('title').trim()).toBe('Sort by Name'); expect(angular.element(titles[1]).attr('title').trim()).toBe('Sort by Age'); expect(angular.element(titles[2]).attr('title').trim()).toBe('Sort by Money'); }); it('should show scope data', function() { var tbody = elm.find('tbody'); expect(tbody.length).toBe(1); var rows = tbody.find('tr'); expect(rows.length).toBe(0); var params = new NgTableParams({ page: 1, // show first page count: 10 // count per page }, { total: data.length, // length of data getData: function($defer, params) { $defer.resolve(data.slice((params.page() - 1) * params.count(), params.page() * params.count())); } }); scope.tableParams = params; scope.$digest(); rows = tbody.find('tr'); expect(rows.length).toBe(10); scope.tableParams.page(2); scope.$digest(); rows = tbody.find('tr'); expect(rows.length).toBe(7); params.total(20); scope.$digest(); rows = tbody.find('tr'); expect(rows.length).toBe(7); }); it('should show data-title-text', function() { var tbody = elm.find('tbody'); var params = new NgTableParams({ page: 1, // show first page count: 10 // count per page }, { total: data.length, // length of data getData: function($defer, params) { $defer.resolve(data); } }); scope.tableParams = params; scope.$digest(); var filterRow = angular.element(elm.find('thead').find('tr')[1]); var filterCells = filterRow.find('th'); expect(angular.element(filterCells[0]).attr('data-title-text').trim()).toBe('Name of person'); expect(angular.element(filterCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(filterCells[2]).attr('data-title-text').trim()).toBe('Money'); var dataRows = elm.find('tbody').find('tr'); var dataCells = angular.element(dataRows[0]).find('td'); expect(angular.element(dataCells[0]).attr('data-title-text').trim()).toBe('Name of person'); expect(angular.element(dataCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(dataCells[2]).attr('data-title-text').trim()).toBe('Money'); }); it('should show/hide columns', function() { var tbody = elm.find('tbody'); scope.tableParams = new NgTableParams({ page: 1, // show first page count: 10 // count per page }, { total: data.length, data: data }); scope.$digest(); var headerRow = angular.element(elm.find('thead').find('tr')[0]); expect(headerRow.find('th').length).toBe(3); var filterRow = angular.element(elm.find('thead').find('tr')[1]); expect(filterRow.find('th').length).toBe(3); var dataRow = angular.element(elm.find('tbody').find('tr')[0]); expect(dataRow.find('td').length).toBe(3); scope.showName = false; scope.$digest(); expect(headerRow.find('th').length).toBe(2); expect(filterRow.find('th').length).toBe(2); expect(dataRow.find('td').length).toBe(2); expect(angular.element(headerRow.find('th')[0]).text().trim()).toBe('Age'); expect(angular.element(headerRow.find('th')[1]).text().trim()).toBe('Money'); expect(angular.element(filterRow.find('th')[0]).find('input').length).toBe(0); expect(angular.element(filterRow.find('th')[1]).find('select').length).toBe(1); }); }); describe('title-alt', function() { var elm; beforeEach(inject(function($compile) { elm = angular.element( '<table ng-table="tableParams">' + '<tr ng-repeat="user in $data">' + '<td title="\'Name of person\'" title-alt="\'Name\'">{{user.name}}</td>' + '<td title="\'Age of person\'" data-title-alt="\'Age\'">{{user.age}}</td>' + '<td title="\'Money earned\'" x-data-title-alt="\'£\'">{{user.money}}</td>' + '</tr>' + '</table>'); $compile(elm)(scope); scope.$digest(); var params = new NgTableParams({ page: 1, // show first page count: 10 // count per page }, { total: data.length, // length of data getData: function($defer, params) { $defer.resolve(data); } }); scope.tableParams = params; scope.$digest(); })); it('should show as data-title-text', inject(function($compile) { var filterRow = angular.element(elm.find('thead').find('tr')[1]); var filterCells = filterRow.find('th'); expect(angular.element(filterCells[0]).attr('data-title-text').trim()).toBe('Name'); expect(angular.element(filterCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(filterCells[2]).attr('data-title-text').trim()).toBe('£'); var dataRows = elm.find('tbody').find('tr'); var dataCells = angular.element(dataRows[0]).find('td'); expect(angular.element(dataCells[0]).attr('data-title-text').trim()).toBe('Name'); expect(angular.element(dataCells[1]).attr('data-title-text').trim()).toBe('Age'); expect(angular.element(dataCells[2]).attr('data-title-text').trim()).toBe('£'); })); }); describe('sorting', function() { it('should provide $column definition', inject(function($compile) { var columnDef; var elm = angular.element( '<table ng-table="tableParams">' + '<tr ng-repeat="user in $data">' + '<td title="\'Age\'" sortable="captureColumn($column)">{{user.age}}</td>' + '</tr>' + '</table>'); scope.captureColumn = function($column){ columnDef = $column; return 'age' }; $compile(elm)(scope); scope.$digest(); expect(columnDef).toBeDefined(); })); it('should apply initial sort', inject(function ($compile) { var elm = angular.element( '<table ng-table="tableParams">' + '<tr ng-repeat="user in $data"><td title="\'Age\'" sortable="\'age\'">{{user.age}}</td></tr>' + '</table>'); $compile(elm)(scope); var actualSort; scope.tableParams = new NgTableParams({ sorting: { age: 'desc' } }, { getData: function($defer, params){ actualSort = params.sorting(); $defer.resolve([]); }}); scope.$digest(); expect(actualSort.age).toBe('desc'); })); it('when sorting changes should trigger reload of table', inject(function ($compile) { var elm = angular.element( '<table ng-table="tableParams">' + '<tr ng-repeat="user in $data"><td title="\'Age\'" sortable="\'age\'">{{user.age}}</td></tr>' + '</table>'); $compile(elm)(scope); var params = createNgTableParams(); scope.tableParams = params; scope.$digest(); params.settings().getData.calls.reset(); params.sorting()['age'] = 'desc'; scope.$digest(); expect(params.settings().getData.calls.count()).toBe(1); params.sorting()['age'] = 'asc'; scope.$digest(); expect(params.settings().getData.calls.count()).toBe(2); // setting the same sort order should not trigger reload params.sorting({ age: 'asc'}); scope.$digest(); expect(params.settings().getData.calls.count()).toBe(2); })); }); describe('paging', function() { var elm; beforeEach(inject(function($compile) { elm = angular.element( '<table ng-table="tableParams">' + '<tr ng-repeat="user in $data">' + '<td title="\'Age\'">{{user.age}}</td>' + '</tr>' + '</table>'); dataCallCount = 0; $compile(elm)(scope); scope.$digest(); })); function verifyPageWas(expectedPage){ expect(scope.tableParams.settings().getData.calls.argsFor(0)[0].page()).toBe(expectedPage); } it('should use initial NgTableParams constructor value', function(){ var params = createNgTableParams({ page: 2}, null); scope.tableParams = params; scope.$digest(); verifyPageWas(2); expect(params.settings().getData.calls.count()).toBe(1); }); it('should use initial NgTableParams constructor value combined with filter', function(){ var params = createNgTableParams({ page: 2, filter: { age: 5}}, null); scope.tableParams = params; scope.$digest(); verifyPageWas(2); expect(params.settings().getData.calls.count()).toBe(1); }); it('changing page # should trigger reload of data', function(){ var params = createNgTableParams({ page: 3}, null); scope.tableParams = params; scope.$digest(); verifyPageWas(3); params.settings().getData.calls.reset(); scope.tableParams.page(5); scope.$digest(); verifyPageWas(5); }); }); describe('filters', function(){ var $capturedColumn; beforeEach(inject(function() { // stash a reference to $column definition so that its available in asserts scope.captureColumn = function ($column) { $capturedColumn = $column; }; })); describe('filter specified as alias', function(){ var elm, tp; beforeEach(inject(function($compile) { elm = angular.element( '<div>' + '<table ng-table="tableParams" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td header-class="captureColumn($column)" title="\'Name\'" ' + 'filter="usernameFilter">{{user.name}}</td>' + '</tr>' + '</table>' + '</div>'); $compile(elm)(scope); scope.$digest(); // 'text' is a shortcut alias for the template ng-table/filters/text scope.usernameFilter = {username: 'text'}; tp = scope.tableParams = createNgTableParams({ filterDelay: 10 }); scope.$digest(); })); it('should render named filter template', function() { var inputs = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(inputs.length).toBe(1); expect(inputs.eq(0).attr('type')).toBe('text'); expect(inputs.eq(0).attr('ng-model')).not.toBeUndefined(); expect(inputs.eq(0).attr('name')).toBe('username'); }); it('should databind ngTableParams.filter to filter input', function () { scope.tableParams.filter()['username'] = 'my name is...'; scope.$digest(); var input = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(input.val()).toBe('my name is...'); }); it('should make filter def available on $column', function () { expect($capturedColumn).toBeDefined(); expect($capturedColumn.filter).toBeDefined(); expect($capturedColumn.filter()['username']).toBe('text'); }); it('when filter changes should trigger reload of table', inject(function ($timeout) { tp.settings().getData.calls.reset(); tp.filter()['username'] = 'new value'; scope.$digest(); $timeout.flush(); // trigger delayed filter tp.filter()['username'] = 'another value'; scope.$digest(); $timeout.flush(); // trigger delayed filter expect(tp.settings().getData.calls.count()).toBe(2); // same value - should not trigger reload tp.filter()['username'] = 'another value'; scope.$digest(); try{ $timeout.flush(); // trigger delayed filter } catch (ex) { } expect(tp.settings().getData.calls.count()).toBe(2); })); it('when filter changes should reset page number to 1', inject(function ($timeout) { // trigger initial load of data so that subsequent changes to filter will trigger reset of page # tp.filter()['username'] = 'initial value'; scope.$digest(); $timeout.flush(); // trigger delayed filter // set page to something other than 1 tp.page(5); expect(tp.page()).toBe(5); // checking assumptions // when tp.filter()['username'] = 'new value'; scope.$digest(); $timeout.flush(); // trigger delayed filter expect(tp.page()).toBe(1); })); }); describe('filter specified with url', function(){ var elm; beforeEach(inject(function($compile) { elm = angular.element( '<div>' + '<script type="text/ng-template" id="ng-table/filters/customNum.html"><input type="number" id="{{name}}"/></script>' + '<table ng-table="tableParams" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td header-class="captureColumn($column)" title="\'Age\'" ' + 'filter="{ \'age\': \'ng-table/filters/customNum.html\' }">{{user.age}}</td>' + '</tr>' + '</table>' + '</div>'); $compile(elm)(scope); scope.tableParams = createNgTableParams(); scope.$digest(); })); it('should render filter template specified by url', function() { var inputs = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(inputs.length).toBe(1); expect(inputs.eq(0).attr('type')).toBe('number'); expect(inputs.eq(0).attr('id')).toBe('age'); }); }); describe('multiple filter inputs', function(){ var elm; beforeEach(inject(function($compile) { elm = angular.element( '<div>' + '<table ng-table="tableParams" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td header-class="captureColumn($column)" title="\'Name\'" ' + 'filter="{ \'name\': \'text\', \'age\': \'text\' }">{{user.name}}</td>' + '</tr>' + '</table>' + '</div>'); $compile(elm)(scope); scope.$digest(); scope.tableParams = createNgTableParams(); scope.$digest(); })); it('should render filter template for each key/value pair ordered by key', function() { var inputs = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(inputs.length).toBe(2); expect(inputs.eq(0).attr('type')).toBe('text'); expect(inputs.eq(0).attr('ng-model')).not.toBeUndefined(); expect(inputs.eq(1).attr('type')).toBe('text'); expect(inputs.eq(1).attr('ng-model')).not.toBeUndefined(); }); it('should databind ngTableParams.filter to filter inputs', function () { scope.tableParams.filter()['name'] = 'my name is...'; scope.tableParams.filter()['age'] = '10'; scope.$digest(); var inputs = elm.find('thead').find('tr').eq(1).find('th').find('input'); expect(inputs.eq(0).val()).toBe('my name is...'); expect(inputs.eq(1).val()).toBe('10'); }); it('should make filter def available on $column', function () { expect($capturedColumn).toBeDefined(); expect($capturedColumn.filter).toBeDefined(); expect($capturedColumn.filter()['name']).toBe('text'); expect($capturedColumn.filter()['age']).toBe('text'); }); }); describe('dynamic filter', function(){ var elm, ageFilter; beforeEach(inject(function($compile) { ageFilter = {age: 'text'}; elm = angular.element( '<div>' + '<script type="text/ng-template" id="ng-table/filters/number.html"><input type="number" name="{{name}}"/></script>' + '<table ng-table="tableParams" show-filter="true">' + '<tr ng-repeat="user in $data">' + '<td title="\'Name\'" filter="getFilter($column)">{{user.name}}</td>' + '<td title="\'Age\'" filter="getFilter($column)">{{user.age}}</td>' + '</tr>' + '</table>' + '</div>'); $compile(elm)(scope); scope.$digest(); scope.getFilter = function(colDef){ if (colDef.id === 0) { return {username: 'text'}; } else if (colDef.id === 1) { return ageFilter; } }; scope.tableParams = createNgTableParams(); scope.$digest(); })); it('should render named filter template', function() { var usernameInput = elm.find('thead').find('tr').eq(1).find('th').eq(0).find('input'); expect(usernameInput.attr('type')).toBe('text'); expect(usernameInput.attr('name')).toBe('username'); var ageInput = elm.find('thead').find('tr').eq(1).find('th').eq(1).find('input'); expect(ageInput.attr('type')).toBe('text'); expect(ageInput.attr('name')).toBe('age'); }); it('should databind ngTableParams.filter to filter input', function () { scope.tableParams.filter()['username'] = 'my name is...'; scope.tableParams.filter()['age'] = '10'; scope.$digest(); var usernameInput = elm.find('thead').find('tr').eq(1).find('th').eq(0).find('input'); expect(usernameInput.val()).toBe('my name is...'); var ageInput = elm.find('thead').find('tr').eq(1).find('th').eq(1).find('input'); expect(ageInput.val()).toBe('10'); }); it('should render new template as filter changes', function() { ageFilter.age = 'number'; scope.$digest(); var ageInput = elm.find('thead').find('tr').eq(1).find('th').eq(1).find('input'); expect(ageInput.attr('type')).toBe('number'); expect(ageInput.attr('name')).toBe('age'); }); }); }); describe('internals', function(){ var elm, $timeout; beforeEach(inject(function($compile, _$timeout_) { $timeout = _$timeout_; elm = angular.element( '<table ng-table="tableParams">' + '<tr ng-repeat="user in $data">' + '<td title="\'Age\'">{{user.age}}</td>' + '</tr>' + '</table>'); $compile(elm)(scope); scope.$digest(); })); it('should reload when binding a new tableParams to scope', function(){ var tp = createNgTableParams(); scope.tableParams = tp; scope.$digest(); expect(tp.settings().getData.calls.count()).toBe(1); }); it('should reload 1 time when binding a new tableParams that has an initial settings data field', function(){ var tp = createNgTableParams({ data: [1,2,3] }); scope.tableParams = tp; scope.$digest(); expect(tp.settings().getData.calls.count()).toBe(1); }); it('should reload 1 time when binding a new tableParams with initial filter that has an initial settings data field', function(){ var tp = createNgTableParams({filter: {age: 1}}, { data: [1,2,3] }); scope.tableParams = tp; scope.$digest(); expect(tp.settings().getData.calls.count()).toBe(1); }); it('should reload when binding a new tableParams to scope multiple times', function(){ var tp1 = createNgTableParams(); scope.tableParams = tp1; scope.$digest(); expect(tp1.settings().getData.calls.count()).toBe(1); var tp2 = createNgTableParams(); scope.tableParams = tp2; scope.$digest(); expect(tp2.settings().getData.calls.count()).toBe(1); }); it('should reload 1 time when binding a new settings data value and changing the filter', function(){ // given var tp = createNgTableParams({filterDelay: 100, data: [{age: 1}, {age: 2}]}); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.filter({ age: 1 }); tp.settings({ data: [{ age: 1 }, { age: 11 }, { age: 22 }]}); scope.$digest(); $timeout.flush(); // trigger the delayed reload expect(tp.settings().getData.calls.count()).toBe(1); }); it('should reload 1 time when multiple filter changes are debounced', function(){ // given var tp = createNgTableParams({filterDelay: 100, data: [{age: 1}, {age: 2}]}); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.filter({ age: 1 }); scope.$digest(); tp.filter({ age: 2 }); scope.$digest(); $timeout.flush(); // trigger the delayed reload expect(tp.settings().getData.calls.count()).toBe(1); }); it('should reload 1 time with page reset to 1 when binding a new settings data value and changing the filter', function(){ var settings = { counts: [1], data: [{age: 1}, {age: 2}], filterDelay: 100 }; var tp = createNgTableParams({ count: 1, page: 2 }, settings); scope.tableParams = tp; scope.$digest(); expect(tp.page()).toBe(2); // checking assumptions tp.settings().getData.calls.reset(); // when tp.filter({ age: 1 }); tp.settings({ data: [{ age: 1 }, { age: 11 }, { age: 22 }]}); scope.$digest(); $timeout.flush(); // trigger the delayed reload expect(tp.settings().getData.calls.count()).toBe(1); expect(tp.page()).toBe(1); }); it('changing filter, orderBy, or page and then calling reload should not invoke getData twice', function(){ // todo: refactor the watches in ngTableController to handle this case var tp = createNgTableParams(); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.filter({ age: 5 }); tp.reload(); scope.$digest(); // then expect(tp.settings().getData.calls.count()).toBe(1); }); it('changing filter, orderBy, or page in a callback to reload should re-invoke getData 1 time only', function(){ var tp = createNgTableParams(); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.filter({ age: 5 }); tp.reload().then(function(){ tp.sorting({ age: 'desc'}); // note: better to call tp.reload() here rather than rely on a watch firing later to do it for us // that way the second reload is chained to the first and returned as a single promise }); scope.$digest(); // then // ie calls.count() === (1 x reload) + (1 x sorting) expect(tp.settings().getData.calls.count()).toBe(2); }); it('changing filter, orderBy, or page then reload in a callback to reload should re-invoke getData 1 time only', function(){ // todo: refactor the watches in ngTableController to handle this case var tp = createNgTableParams(); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.filter({ age: 5 }); tp.reload().then(function(){ tp.sorting({ age: 'desc'}); return tp.reload(); }); scope.$digest(); // then // ie calls.count() === (1 x reload) + (1 x sorting) expect(tp.settings().getData.calls.count()).toBe(2); }); it('should not reload when filter value is assigned the same value', function(){ // given var tp = createNgTableParams({ filter: {age: 10} }, { filterDelay: 0 }); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.filter({ age: 10}); scope.$digest(); expect(tp.settings().getData.calls.count()).toBe(0); }); it('should reload when filter value changes', function(){ // given var tp = createNgTableParams({ filter: {age: 10} }, { filterDelay: 0 }); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.filter({ age: 12}); scope.$digest(); expect(tp.settings().getData.calls.count()).toBe(1); }); it('should reload when new dataset supplied', function(){ // given var initialDataset = [ {age: 1}, {age: 2} ]; var tp = createNgTableParams(); scope.tableParams = tp; scope.$digest(); tp.settings().getData.calls.reset(); // when tp.settings({ data: [{ age: 10}, { age: 11}, { age: 12}]}); scope.$digest(); expect(tp.settings().getData.calls.count()).toBe(1); }); }); });	33.84 KB	2026-02-12 14:54

Terminal