javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(virtual-scroll): fix tests

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-02-09 18:33:37 +01:00
parent ddb2181c51
commit d7e0f0076e
1 changed files with 74 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
packages/core/src/components/virtual-scroll/test/virtual-scroll-utils.spec.ts
View File

@ -375,10 +375,10 @@ describe('updateVDom', () => {
updateVDom(vdom, heightIndex, cells, range);
expect(vdom).toEqual([
{ cell: cells[1], change: 2, d: false, top: 20 },
{ cell: cells[2], change: 2, d: false, top: 40 },
{ cell: cells[3], change: 2, d: false, top: 60 },
{ cell: cells[4], change: 2, d: false, top: 80 }
{ cell: cells[1], change: 2, d: false, top: 20, visible: true },
{ cell: cells[2], change: 2, d: false, top: 40, visible: true },
{ cell: cells[3], change: 2, d: false, top: 60, visible: true },
{ cell: cells[4], change: 2, d: false, top: 80, visible: true }
]);
});
@ -389,112 +389,112 @@ describe('updateVDom', () => {
updateVDom(vdom, heightIndex, cells, {offset: 0, length: 4});
updateVDom(vdom, heightIndex, cells, {offset: 0, length: 4});
expect(vdom).toEqual([
{ cell: cells[0], change: 0, d: false, top: 0 },
{ cell: cells[1], change: 0, d: false, top: 20 },
{ cell: cells[2], change: 0, d: false, top: 40 },
{ cell: cells[3], change: 0, d: false, top: 60 }
{ cell: cells[0], change: 0, d: false, top: 0, visible: true },
{ cell: cells[1], change: 0, d: false, top: 20, visible: true },
{ cell: cells[2], change: 0, d: false, top: 40, visible: true },
{ cell: cells[3], change: 0, d: false, top: 60, visible: true }
]);
updateVDom(vdom, heightIndex, cells, {offset: 0, length: 5});
expect(vdom).toEqual([
{ cell: cells[0], change: 0, d: false, top: 0 },
{ cell: cells[1], change: 0, d: false, top: 20 },
{ cell: cells[2], change: 0, d: false, top: 40 },
{ cell: cells[3], change: 0, d: false, top: 60 },
{ cell: cells[4], change: 2, d: false, top: 80 }
{ cell: cells[0], change: 0, d: false, top: 0, visible: true },
{ cell: cells[1], change: 0, d: false, top: 20, visible: true },
{ cell: cells[2], change: 0, d: false, top: 40, visible: true },
{ cell: cells[3], change: 0, d: false, top: 60, visible: true },
{ cell: cells[4], change: 2, d: false, top: 80, visible: true }
]);
updateVDom(vdom, heightIndex, cells, {offset: 1, length: 4});
expect(vdom).toEqual([
{ cell: cells[0], change: 1, d: true, top: -9999 },
{ cell: cells[1], change: 0, d: false, top: 20 },
{ cell: cells[2], change: 0, d: false, top: 40 },
{ cell: cells[3], change: 0, d: false, top: 60 },
{ cell: cells[4], change: 0, d: false, top: 80 }
{ cell: cells[0], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[1], change: 0, d: false, top: 20, visible: true },
{ cell: cells[2], change: 0, d: false, top: 40, visible: true },
{ cell: cells[3], change: 0, d: false, top: 60, visible: true },
{ cell: cells[4], change: 0, d: false, top: 80, visible: true }
]);
updateVDom(vdom, heightIndex, cells, {offset: 1, length: 5});
expect(vdom).toEqual([
{ cell: cells[5], change: 2, d: false, top: 100 },
{ cell: cells[1], change: 0, d: false, top: 20 },
{ cell: cells[2], change: 0, d: false, top: 40 },
{ cell: cells[3], change: 0, d: false, top: 60 },
{ cell: cells[4], change: 0, d: false, top: 80 }
{ cell: cells[5], change: 2, d: false, top: 100, visible: true },
{ cell: cells[1], change: 0, d: false, top: 20, visible: true },
{ cell: cells[2], change: 0, d: false, top: 40, visible: true },
{ cell: cells[3], change: 0, d: false, top: 60, visible: true },
{ cell: cells[4], change: 0, d: false, top: 80, visible: true }
]);
updateVDom(vdom, heightIndex, cells, {offset: 2, length: 5});
expect(vdom).toEqual([
{ cell: cells[5], change: 0, d: false, top: 100 },
{ cell: cells[6], change: 2, d: false, top: 120 },
{ cell: cells[2], change: 0, d: false, top: 40 },
{ cell: cells[3], change: 0, d: false, top: 60 },
{ cell: cells[4], change: 0, d: false, top: 80 }
{ cell: cells[5], change: 0, d: false, top: 100, visible: true },
{ cell: cells[6], change: 2, d: false, top: 120, visible: true },
{ cell: cells[2], change: 0, d: false, top: 40, visible: true },
{ cell: cells[3], change: 0, d: false, top: 60, visible: true },
{ cell: cells[4], change: 0, d: false, top: 80, visible: true }
]);
updateVDom(vdom, heightIndex, cells, {offset: 10, length: 6});
expect(vdom).toEqual([
{ cell: cells[10], change: 2, d: false, top: 200 },
{ cell: cells[11], change: 2, d: false, top: 220 },
{ cell: cells[12], change: 2, d: false, top: 240 },
{ cell: cells[13], change: 2, d: false, top: 260 },
{ cell: cells[14], change: 2, d: false, top: 280 },
{ cell: cells[15], change: 2, d: false, top: 300 }
{ cell: cells[10], change: 2, d: false, top: 200, visible: true },
{ cell: cells[11], change: 2, d: false, top: 220, visible: true },
{ cell: cells[12], change: 2, d: false, top: 240, visible: true },
{ cell: cells[13], change: 2, d: false, top: 260, visible: true },
{ cell: cells[14], change: 2, d: false, top: 280, visible: true },
{ cell: cells[15], change: 2, d: false, top: 300, visible: true }
]);
updateVDom(vdom, heightIndex, cells, {offset: 13, length: 10});
expect(vdom).toEqual([
{ cell: cells[16], change: 2, d: false, top: 320 },
{ cell: cells[17], change: 2, d: false, top: 340 },
{ cell: cells[18], change: 2, d: false, top: 360 },
{ cell: cells[13], change: 0, d: false, top: 260 },
{ cell: cells[14], change: 0, d: false, top: 280 },
{ cell: cells[15], change: 0, d: false, top: 300 },
{ cell: cells[19], change: 2, d: false, top: 380 },
{ cell: cells[20], change: 2, d: false, top: 400 },
{ cell: cells[21], change: 2, d: false, top: 420 },
{ cell: cells[22], change: 2, d: false, top: 440 },
{ cell: cells[16], change: 2, d: false, top: 320, visible: true },
{ cell: cells[17], change: 2, d: false, top: 340, visible: true },
{ cell: cells[18], change: 2, d: false, top: 360, visible: true },
{ cell: cells[13], change: 0, d: false, top: 260, visible: true },
{ cell: cells[14], change: 0, d: false, top: 280, visible: true },
{ cell: cells[15], change: 0, d: false, top: 300, visible: true },
{ cell: cells[19], change: 2, d: false, top: 380, visible: true },
{ cell: cells[20], change: 2, d: false, top: 400, visible: true },
{ cell: cells[21], change: 2, d: false, top: 420, visible: true },
{ cell: cells[22], change: 2, d: false, top: 440, visible: true },
]);
updateVDom(vdom, heightIndex, cells, {offset: 13, length: 1});
expect(vdom).toEqual([
{ cell: cells[16], change: 1, d: true, top: -9999 },
{ cell: cells[17], change: 1, d: true, top: -9999 },
{ cell: cells[18], change: 1, d: true, top: -9999 },
{ cell: cells[13], change: 0, d: false, top: 260 },
{ cell: cells[14], change: 1, d: true, top: -9999 },
{ cell: cells[15], change: 1, d: true, top: -9999 },
{ cell: cells[19], change: 1, d: true, top: -9999 },
{ cell: cells[20], change: 1, d: true, top: -9999 },
{ cell: cells[21], change: 1, d: true, top: -9999 },
{ cell: cells[22], change: 1, d: true, top: -9999 },
{ cell: cells[16], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[17], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[18], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[13], change: 0, d: false, top: 260, visible: true },
{ cell: cells[14], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[15], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[19], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[20], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[21], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[22], change: 1, d: true, top: -9999, visible: true },
]);
updateVDom(vdom, heightIndex, cells, {offset: 13, length: 1});
expect(vdom).toEqual([
{ cell: cells[16], change: 0, d: true, top: -9999 },
{ cell: cells[17], change: 0, d: true, top: -9999 },
{ cell: cells[18], change: 0, d: true, top: -9999 },
{ cell: cells[13], change: 0, d: false, top: 260 },
{ cell: cells[14], change: 0, d: true, top: -9999 },
{ cell: cells[15], change: 0, d: true, top: -9999 },
{ cell: cells[19], change: 0, d: true, top: -9999 },
{ cell: cells[20], change: 0, d: true, top: -9999 },
{ cell: cells[21], change: 0, d: true, top: -9999 },
{ cell: cells[22], change: 0, d: true, top: -9999 },
{ cell: cells[16], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[17], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[18], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[13], change: 0, d: false, top: 260, visible: true },
{ cell: cells[14], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[15], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[19], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[20], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[21], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[22], change: 0, d: true, top: -9999, visible: true },
]);
updateVDom(vdom, heightIndex, cells, {offset: 0, length: 1});
expect(vdom).toEqual([
{ cell: cells[0], change: 2, d: false, top: 0 },
{ cell: cells[17], change: 0, d: true, top: -9999 },
{ cell: cells[18], change: 0, d: true, top: -9999 },
{ cell: cells[13], change: 1, d: true, top: -9999 },
{ cell: cells[14], change: 0, d: true, top: -9999 },
{ cell: cells[15], change: 0, d: true, top: -9999 },
{ cell: cells[19], change: 0, d: true, top: -9999 },
{ cell: cells[20], change: 0, d: true, top: -9999 },
{ cell: cells[21], change: 0, d: true, top: -9999 },
{ cell: cells[22], change: 0, d: true, top: -9999 },
{ cell: cells[0], change: 2, d: false, top: 0, visible: true },
{ cell: cells[17], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[18], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[13], change: 1, d: true, top: -9999, visible: true },
{ cell: cells[14], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[15], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[19], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[20], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[21], change: 0, d: true, top: -9999, visible: true },
{ cell: cells[22], change: 0, d: true, top: -9999, visible: true },
]);
});
});