diff --git a/packages/core/src/components/virtual-scroll/test/virtual-scroll-utils.spec.ts b/packages/core/src/components/virtual-scroll/test/virtual-scroll-utils.spec.ts index 4d0f7d6328..f9a53bca09 100644 --- a/packages/core/src/components/virtual-scroll/test/virtual-scroll-utils.spec.ts +++ b/packages/core/src/components/virtual-scroll/test/virtual-scroll-utils.spec.ts @@ -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 }, ]); }); });