test: fix InfiniteGrid error

Author: daybrush

packages/infinitegrid/src/Infinite.ts

@@ -1,6 +1,6 @@
 import Component from "@egjs/component";
 import { diff } from "@egjs/list-differ";
-import { DIRECTION } from "./consts";
+import { DIRECTION, INVISIBLE_POS } from "./consts";
 import { findIndex, findLastIndex, getNextCursors, isFlatOutline } from "./utils";
 
 
@@ -491,7 +491,9 @@ export class Infinite extends Component<InfiniteEvents> {
    * 보이는 영역의 가운데를 기준으로 스크롤을 한다.
    */
   public getVisibleAreaByParts(parts: InfiniteItemPart[]) {
-    const nextParts = parts.map((part) => this.getItemPartByKey(part.key)).filter(Boolean);
+    const nextParts = parts.map((part) => this.getItemPartByKey(part.key))
+      .filter(Boolean)
+      .filter((p) => p.pos !== INVISIBLE_POS);;
 
     if (!nextParts.length) {
       return null;

packages/infinitegrid/src/InfiniteGrid.ts

@@ -924,22 +924,18 @@ class InfiniteGrid<Options extends InfiniteGridOptions = InfiniteGridOptions> ex
     this._syncInfinite();
 
     if (prevVisibleArea) {
-      const prevParts = prevVisibleArea.parts;
+      const prevParts = prevVisibleArea.parts.filter((p) => p.pos !== INVISIBLE_POS);
       const nextVisibleArea = infinite.getVisibleAreaByParts(prevParts);
 
       // 같아야 비교대상이 되고 위치 보정이 가능하다.
       const nextParts = nextVisibleArea?.parts ?? [];
-      const prevVisibleParts = prevParts.filter((p) => p.pos !== INVISIBLE_POS);
-      const nextVisibleParts = nextParts.filter((p) => p.pos !== INVISIBLE_POS);
       if (
         nextVisibleArea
         // 커서가 시작이 아니어야 그룹들의 위치 보정이 가능하다.
         // startCursor가 0이면 위의 아이템들의 위치가 심각하게 흔들릴 가능성이 매우 높다.
         && prevStartCursor > 0
         // 기존 개수가 같아야 하고
         && prevParts.length === nextParts.length
-        // 혹시 중간에 위치가 초기화된 케이스가 없어야 한다.
-        && prevVisibleParts.length === nextVisibleParts.length
       ) {
         let offset = nextVisibleArea.centerPos - prevVisibleArea.centerPos;
 

packages/infinitegrid/test/unit/InfiniteGrid.spec.ts

@@ -1647,7 +1647,7 @@ describe("test InfiniteGrid", () => {
       await waitEvent(ig!, "renderComplete");
 
 
-      ig!.getScrollContainerElement().scrollTop = 700;
+      ig!.getScrollContainerElement().scrollTop = 800;
 
       // 스크롤 이동에 따른 보이는 아이템 자동 변경: change cursor (2, 4)
       // 6 ~ 14 9개
@@ -1677,7 +1677,7 @@ describe("test InfiniteGrid", () => {
       expect(prevStartCursor).to.be.equals(2);
       expect(prevEndCursor).to.be.equals(4);
       const correctedPos = ig!.getScrollContainerElement().scrollTop;
-      expect(correctedPos).to.be.equals(1150);
+      expect(correctedPos).to.be.equals(1250);
       expect(ig!.getStartCursor()).to.be.equals(2);
       expect(ig!.getEndCursor()).to.be.equals(4);
     });