describe('ng-table', function () {
|
var elm, scope, 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'));
|
|
beforeEach(inject(function ($rootScope, $compile, $q) {
|
elm = angular.element(
|
'<div>' +
|
'<script type="text/ng-template" id="ng-table/filters/money.html"></script>' +
|
'<table ng-table="tableParams" show-filter="true">' +
|
'<tr ng-repeat="user in $data">' +
|
'<td data-title="\'Name of person\'" filter="{ \'name\': \'text\' }" sortable="name">' +
|
'{{user.name}}' +
|
'</td>' +
|
'<td x-data-title="\'Age\'" sortable="age">' +
|
'{{user.age}}' +
|
'</td>' +
|
'<td title="\'Money\'" filter="{ \'action\': \'money\' }" filter-data="money($column)">' +
|
'{{user.money}}' +
|
'</td>' +
|
'</tr>' +
|
'</table>' +
|
'</div>');
|
|
scope = $rootScope.$new(true);
|
|
scope.money = function() {
|
var def = $q.defer();
|
|
def.resolve([{
|
'id': 10,
|
'title': '10'
|
}]);
|
return def;
|
};
|
|
$compile(elm)(scope);
|
scope.$digest();
|
}));
|
|
it('should create table header', inject(function ($compile, $rootScope) {
|
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');
|
|
var filters = angular.element(rows[1]).find('th');
|
expect(filters.length).toBe(3);
|
}));
|
|
it('should show scope data', inject(function ($compile, $rootScope, ngTableParams) {
|
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);
|
}));
|
|
});
|
