test(virtual-scroll): fix tests

This commit is contained in:
Manu Mtz.-Almeida
2018-02-09 18:33:37 +01:00
parent ddb2181c51
commit d7e0f0076e

View File

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