| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573 |
- 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});
- });
- });
- })
- });
|