// initial list
QUnit.test('table new - initial list', assert => {
App.i18n.set('de-de')
$('#qunit').append('
table with data
')
var el = $('#table-new1')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
], {clear: true})
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'}),
checkbox: false,
radio: false,
})
//equal(el.find('table').length, 0, 'row count')
//table.render()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0, 'check row 3')
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'noChanges')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
App.TicketPriority.refresh([
{
id: 1,
name: 'Priority',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.lenghtChanged')
assert.equal(result[1], 2)
assert.equal(result[2], 1)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), 'Priorität', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 0, 'check row 2')
App.TicketPriority.refresh([], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'emptyList')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Keine Einträge', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 0, 'check row 1')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0, 'check row 3')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
{
id: 3,
name: '3 high',
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], undefined)
assert.equal(result[2][0], 2)
assert.equal(result[2][1], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 4')
result = table.update({sync: true, orderDirection: 'DESC', orderBy: 'name'})
assert.equal(result[0], 'fullRender.contentChanged')
assert.equal(result[1], 0)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '3 hoch', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '1 niedrig', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 4')
result = table.update({sync: true, orderDirection: 'ASC', orderBy: 'name'})
assert.equal(result[0], 'fullRender.contentChanged')
assert.equal(result[1], 0)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 4')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 3,
name: '3 high',
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], 1)
assert.equal(result[1][1], undefined)
assert.notOk(result[1][1])
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0, 'check row 3')
result = table.update({sync: true, overviewAttributes: ['name', 'created_at']})
assert.equal(result[0], 'fullRender.overviewAttributesChanged')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th').length, 2, 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 2, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 2, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0, 'check row 3')
App.TicketPriority.refresh([], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'emptyList')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Keine Einträge', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 0, 'check row 1')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 3,
name: '3 high',
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'}), overviewAttributes: ['name'], orderBy: 'created_at', orderDirection: 'DESC'})
assert.equal(result[0], 'fullRender')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th').length, 1, 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 1, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 1, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0, 'check row 3')
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'}), overviewAttributes: ['name'], orderBy: 'created_at', orderDirection: 'ASC'})
assert.equal(result[0], 'fullRender.overviewAttributesChanged')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th').length, 1, 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 1, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 1, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0, 'check row 3')
$('#qunit').append('
table group by with data
')
var el = $('#table-new2')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
{
id: 3,
name: '3 high',
note: 'some other note',
active: true,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'}),
checkbox: false,
radio: false,
groupBy: 'note',
})
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 1, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), 'some note', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 niedrig', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 normal', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 1, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td:first').text().trim(), 'some other note', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(5) > td:first').text().trim(), '3 hoch', 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(5) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(5) > td:nth-child(3)').text().trim(), 'true', 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(6) > td').length, 0, 'check row 6')
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'noChanges')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 1, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), 'some note', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 niedrig', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 normal', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 6')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
{
id: 3,
name: '3 high',
note: 'some other note',
active: true,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], undefined)
assert.equal(result[2][0], 3)
assert.equal(result[2][1], 4)
assert.equal(result[2][2], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 1, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), 'some note', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 niedrig', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 normal', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 1, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td:first').text().trim(), 'some other note', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(5) > td:first').text().trim(), '3 hoch', 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(5) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(5) > td:nth-child(3)').text().trim(), 'true', 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(6) > td').length, 0, 'check row 6')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
{
id: 3,
name: '3 high',
note: 'some other note',
active: true,
created_at: '2014-06-10T10:17:38.000Z',
},
{
id: 4,
name: '4 high',
note: 'some other note',
active: true,
created_at: '2014-06-10T10:17:39.000Z',
},
{
id: 5,
name: '5 high',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:39.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], undefined)
assert.equal(result[2][0], 3)
assert.equal(result[2][1], 6)
assert.equal(result[2][2], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 1, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), 'some note', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 niedrig', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 normal', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 3, 'check row 4')
assert.equal(el.find('tbody > tr:nth-child(4) > td:first').text().trim(), '5 high', 'check row 4')
assert.equal(el.find('tbody > tr:nth-child(4) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 4')
assert.equal(el.find('tbody > tr:nth-child(4) > td:nth-child(3)').text().trim(), 'true', 'check row 4')
assert.equal(el.find('tbody > tr:nth-child(5) > td').length, 1, 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(5) > td:first').text().trim(), 'some other note', 'check row 5')
assert.equal(el.find('tbody > tr:nth-child(6) > td:first').text().trim(), '3 hoch', 'check row 6')
assert.equal(el.find('tbody > tr:nth-child(6) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 6')
assert.equal(el.find('tbody > tr:nth-child(6) > td:nth-child(3)').text().trim(), 'true', 'check row 6')
assert.equal(el.find('tbody > tr:nth-child(7) > td').length, 3, 'check row 7')
assert.equal(el.find('tbody > tr:nth-child(7) > td:first').text().trim(), '4 high', 'check row 7')
assert.equal(el.find('tbody > tr:nth-child(7) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 7')
assert.equal(el.find('tbody > tr:nth-child(7) > td:nth-child(3)').text().trim(), 'true', 'check row 7')
assert.equal(el.find('tbody > tr:nth-child(8) > td').length, 0, 'check row 8')
$('#qunit').append('
table with large data
')
var el = $('#table-new3')
var objects = [];
var created_at = Date.parse('2014-06-10T11:17:34.000Z')
for (i = 0; i < 1000; i++) {
local_created_at = new Date(created_at - (1000 * 60 * 60 * 24 * i)).toISOString()
item = {
id: i,
name: i + ' prio',
note: 'some note',
active: true,
created_at: local_created_at,
}
objects.push(item)
}
App.TicketPriority.refresh(objects.reverse(), {clear: true})
var table = new App.ControllerTable({
tableId: 'large_table_test',
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.all(),
checkbox: false,
radio: false,
ttt: true
})
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '999 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '15.09.2011', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '998 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '16.09.2011', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '997 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '17.09.2011', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon').length, 0)
el.find('.js-tableHead[data-column-key="name"] .js-sort').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '0 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '09.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '10 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '31.05.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon.icon-arrow-up').length, 1)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon.icon-arrow-down').length, 0)
el.find('.js-tableHead[data-column-key="name"] .js-sort').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '999 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '15.09.2011', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '998 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '16.09.2011', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '997 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '17.09.2011', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon.icon-arrow-down').length, 1)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon.icon-arrow-up').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon').length, 0)
el.find('.js-tableHead[data-column-key="created_at"] .js-sort').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '999 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '15.09.2011', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '998 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '16.09.2011', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '997 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '17.09.2011', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-down').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-up').length, 1)
el.find('.js-tableHead[data-column-key="created_at"] .js-sort').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '0 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '09.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '08.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-down').length, 1)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-up').length, 0)
objects = App.TicketPriority.all().reverse()
objects.shift()
objects.shift()
result = table.update({sync: true, objects: objects})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], 1)
assert.equal(result[1][1], 0)
assert.equal(result[2][0], 148)
assert.equal(result[2][1], 149)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '2 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '08.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '3 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '07.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '4 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '06.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(149) > td:first').text().trim(), '150 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(149) > td:nth-child(2)').text().trim(), '11.01.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(149) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(150) > td:first').text().trim(), '151 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(150) > td:nth-child(2)').text().trim(), '10.01.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(150) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-down').length, 1)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-up').length, 0)
el.find('.js-tableHead[data-column-key="created_at"] .js-sort').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '999 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '15.09.2011', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '998 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '16.09.2011', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '997 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '17.09.2011', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="name"] .js-sort .icon').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-down').length, 0)
assert.equal(el.find('.js-tableHead[data-column-key="created_at"] .js-sort .icon.icon-arrow-up').length, 1)
el.find('.js-tableHead[data-column-key="created_at"] .js-sort').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '2 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '08.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '3 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '07.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '4 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '06.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(149) > td:first').text().trim(), '150 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(149) > td:nth-child(2)').text().trim(), '11.01.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(149) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(150) > td:first').text().trim(), '151 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(150) > td:nth-child(2)').text().trim(), '10.01.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(150) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
$('#qunit').append('
table with now data
')
var el = $('#table-new4')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
], {clear: true})
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'}),
checkbox: false,
radio: false,
})
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 0)
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], undefined)
assert.equal(result[2][0], 1)
assert.equal(result[2][1], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0)
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
{
id: 3,
name: '3 high',
note: 'some note 3',
active: true,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], undefined)
assert.equal(result[2][0], 2)
assert.equal(result[2][1], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0)
App.TicketPriority.refresh([
{
id: 3,
name: '3 high',
note: 'some note 3',
active: true,
created_at: '2014-06-10T10:17:38.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], 0)
assert.equal(result[1][1], undefined)
assert.equal(result[2][0], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '2 normal')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '3 hoch')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0)
App.TicketPriority.refresh([
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.lenghtChanged')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '2 normal')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 0)
App.TicketPriority.refresh([], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'emptyList')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Keine Einträge', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 0, 'check row 1')
App.TicketPriority.refresh([
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '2 normal')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 0)
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], undefined)
assert.equal(result[2][0], 0)
assert.equal(result[2][1], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0)
App.TicketPriority.refresh([
{
id: 2,
name: '2 normal',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.lenghtChanged')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3)
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '2 normal')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 0)
$('#qunit').append('
table with large data and pager
')
var el = $('#table-new5')
var objects = [];
var created_at = Date.parse('2014-06-10T11:17:34.000Z')
for (i = 0; i < 151; i++) {
local_created_at = new Date(created_at - (1000 * 60 * 60 * 24 * i)).toISOString()
item = {
id: i,
name: i + ' prio',
note: 'some note',
active: true,
created_at: local_created_at,
}
objects.push(item)
}
App.TicketPriority.refresh(objects, {clear: true})
var table = new App.ControllerTable({
tableId: 'large_table_test_pager',
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.all(),
checkbox: false,
radio: false,
ttt: true
})
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '0 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '09.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '08.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-pager').first().find('.js-page').length, 2)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').length, 1)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').text(), '1')
el.find('.js-pager').first().find('.js-page:nth-child(2)').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '150 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '11.01.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr').length, 1)
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 0)
objects = [
{
id: 500,
name: '500 prio',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
]
App.TicketPriority.refresh(objects)
result = table.update({sync: true, objects: App.TicketPriority.all()})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], undefined)
assert.equal(result[2][0], 1)
assert.equal(result[2][1], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '150 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '11.01.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '500 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr').length, 2)
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0)
objects = App.TicketPriority.all()
objects.splice(2,1)
result = table.update({sync: true, objects: objects})
assert.equal(result[0], 'fullRender.lenghtChanged')
//equal(result[1][0], 1)
//equal(result[1][1], undefined)
//equal(result[2][0], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '500 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr').length, 1)
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 0)
objects.splice(2,1)
result = table.update({sync: true, objects: objects})
assert.equal(result[0], 'fullRender.lenghtChanged')
//equal(result[0], 'fullRender.contentRemoved')
//equal(result[1][0], 1)
//equal(result[1][1], undefined)
//equal(result[2][0], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '0 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '09.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '4 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '06.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-pager').first().find('.js-page').length, 0)
objects = [
{
id: 500,
name: '500 prio',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
]
App.TicketPriority.refresh(objects)
objects = App.TicketPriority.all()
result = table.update({sync: true, objects: objects})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(el.find('.js-pager').first().find('.js-page').length, 2)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').length, 1)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').text(), '1')
el.find('.js-pager').first().find('.js-page:nth-child(2)').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '150 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '11.01.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '500 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr').length, 2)
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0)
assert.equal(el.find('.js-pager').first().find('.js-page').length, 2)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').length, 1)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').text(), '2')
el.find('.js-pager').first().find('.js-page:nth-child(1)').click()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '0 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '09.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '08.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-pager').first().find('.js-page').length, 2)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').length, 1)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').text(), '1')
objects.splice(2,2)
result = table.update({sync: true, objects: objects})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(el.find('.js-pager').first().find('.js-page').length, 0)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '0 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '09.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '4 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '06.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
objects = [
{
id: 501,
name: '501 prio',
note: 'some note',
active: true,
created_at: '2014-06-10T10:17:30.000Z',
},
]
App.TicketPriority.refresh(objects)
objects = App.TicketPriority.all()
result = table.update({sync: true, objects: objects})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '0 prio', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '1 prio', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '09.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(3)').text().trim(), 'true', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '2 prio', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '08.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 3')
assert.equal(el.find('tbody > tr').length, 150)
assert.equal(el.find('tbody > tr:nth-child(151) > td').length, 0)
assert.equal(el.find('.js-pager').first().find('.js-page').length, 2)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').length, 1)
assert.equal(el.find('.js-pager').first().find('.js-page.is-selected').text(), '1')
$('#qunit').append('
table with data 7
')
var el = $('#table-new7')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
{
id: 3,
name: '3 high',
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'}),
checkbox: false,
radio: false,
})
//equal(el.find('table').length, 0, 'row count')
//table.render()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 3')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-12T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
{
id: 3,
name: '3 high',
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'fullRender.contentRemoved')
assert.equal(result[1][0], 0)
assert.equal(result[1][1], undefined)
assert.equal(result[2][0], 0)
assert.equal(result[2][1], undefined)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '12.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 3')
$('#qunit').append('
table with data 8
')
var el = $('#table-new8')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note',
active: true,
created_at: '2014-06-12T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
{
id: 3,
name: '3 high',
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.all(),
checkbox: false,
radio: false,
orderBy: 'not_existing',
orderDirection: 'DESC',
})
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '12.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 3')
result = table.update({sync: true, objects: App.TicketPriority.all(), orderBy: 'not_existing', orderDirection: 'ASC'})
assert.equal(result[0], 'noChanges')
$('#qunit').append('
table with data 9
')
var el = $('#table-new9')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
external_id: 3,
note: 'some note',
active: true,
created_at: '2014-06-12T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
external_id: 2,
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
{
id: 3,
name: '3 high',
external_id: 1,
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
App.TicketPriority.resetAttributes()
App.TicketPriority.updateAttributes([{
name: 'external_id',
display: 'External',
tag: 'input',
readonly: 1,
}])
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.all(),
checkbox: false,
radio: false,
orderBy: 'external',
orderDirection: 'DESC',
})
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '12.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 3')
result = table.update({sync: true, objects: App.TicketPriority.all(), orderBy: 'external', orderDirection: 'ASC'})
assert.equal(result[0], 'fullRender.contentChanged')
assert.equal(result[1], 0)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '12.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 3')
$('#qunit').append('
table with data 10
')
var el = $('#table-new10')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
external_id: 3,
note: 'some note',
active: true,
created_at: '2014-06-12T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
external_id: 2,
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
{
id: 3,
name: '3 high',
external_id: 1,
note: 'some note 3',
active: false,
created_at: '2014-06-10T10:17:38.000Z',
},
], {clear: true})
App.TicketPriority.resetAttributes()
App.TicketPriority.updateAttributes([{
name: 'external',
display: 'External',
tag: 'input',
readonly: 1,
}])
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.all(),
checkbox: false,
radio: false,
orderBy: 'external',
orderDirection: 'ASC',
})
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '12.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 3')
result = table.update({sync: true, objects: App.TicketPriority.all(), orderBy: 'external', orderDirection: 'DESC'})
assert.equal(result[0], 'fullRender.contentChanged')
assert.equal(result[1], 0)
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '3 hoch', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 3')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '10.06.2014', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(3) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(2)').text().trim(), '12.06.2014', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(3) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(4) > td').length, 0, 'check row 3')
$('#qunit').append('
table with data 11
')
var el = $('#table-new11')
App.TicketPriority.refresh([
{
id: 1,
name: '1 low',
note: 'some note 1',
active: true,
created_at: '2014-06-10T11:17:34.000Z',
},
{
id: 2,
name: '2 normal',
note: 'some note 2',
active: false,
created_at: '2014-06-10T10:17:34.000Z',
},
], {clear: true})
var table = new App.ControllerTable({
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'}),
checkbox: false,
radio: false,
frontendTimeUpdateExecute: false,
})
//equal(el.find('table').length, 0, 'row count')
//table.render()
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(3) > td').length, 0, 'check row 3')
result = table.update({sync: true, objects: App.TicketPriority.search({sortBy:'name', order: 'ASC'})})
assert.equal(result[0], 'noChanges')
assert.equal(el.find('table > thead > tr').length, 1, 'row count')
assert.equal(el.find('table > thead > tr > th:nth-child(1)').text().trim(), 'Name', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(2)').text().trim(), 'Erstellt', 'check header')
assert.equal(el.find('table > thead > tr > th:nth-child(3)').text().trim(), 'Aktiv', 'check header')
assert.equal(el.find('tbody > tr:nth-child(1) > td').length, 3, 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:first').text().trim(), '1 niedrig', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(2)').text().trim(), '', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(1) > td:nth-child(3)').text().trim(), 'true', 'check row 1')
assert.equal(el.find('tbody > tr:nth-child(2) > td').length, 3, 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:first').text().trim(), '2 normal', 'check row 2')
assert.equal(el.find('tbody > tr:nth-child(2) > td:nth-child(2)').text().trim(), '', 'check row 2')
$('#qunit').append('
table with large data and pager and 10 per page
')
var el = $('#table-new12')
var objects = [];
var created_at = Date.parse('2014-06-10T11:17:34.000Z')
for (i = 0; i < 35; i++) {
local_created_at = new Date(created_at - (1000 * 60 * 60 * 24 * i)).toISOString()
item = {
id: i,
name: i + ' prio',
note: 'some note',
active: true,
created_at: local_created_at,
}
objects.push(item)
}
App.TicketPriority.refresh(objects, {clear: true})
var table = new App.ControllerTable({
tableId: 'large_table_test_pager',
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.all(),
checkbox: false,
radio: false,
pagerItemsPerPage: 10,
ttt: true
})
assert.equal(el.find('tbody > tr').length, 10)
assert.equal(el.find('.js-pager:first-child .js-page').length, 4)
$('#qunit').append('
table with large data and pager disabled
')
var el = $('#table-new13')
var objects = [];
var created_at = Date.parse('2014-06-10T11:17:34.000Z')
for (i = 0; i < 200; i++) {
local_created_at = new Date(created_at - (1000 * 60 * 60 * 24 * i)).toISOString()
item = {
id: i,
name: i + ' prio',
note: 'some note',
active: true,
created_at: local_created_at,
}
objects.push(item)
}
App.TicketPriority.refresh(objects, {clear: true})
var table = new App.ControllerTable({
tableId: 'large_table_test_pager',
el: el,
overviewAttributes: ['name', 'created_at', 'active'],
model: App.TicketPriority,
objects: App.TicketPriority.all(),
checkbox: false,
radio: false,
pagerEnabled: false,
ttt: true
})
assert.equal(el.find('tbody > tr').length, 200)
assert.equal(el.find('.js-pager:first-child .js-page').length, 0)
})