test: add case

react-component · Apr 28, 2024 · a0c6cac · a0c6cac
1 parent 07afed4
commit a0c6cac
Showing 1 changed file with 48 additions and 1 deletion.
diff --git a/tests/Virtual.spec.tsx b/tests/Virtual.spec.tsx
@@ -41,7 +41,7 @@ describe('Table.Virtual', () => {
       scrollLeft: {
         get: () => {
           scrollLeftCalled = true;
-          return 100;
+          return 0;
         },
         set: () => {},
       },
@@ -443,4 +443,51 @@ describe('Table.Virtual', () => {
     fireEvent.scroll(container.querySelector('.rc-table-tbody-virtual-holder')!);
     expect(onScroll).toHaveBeenCalled();
   });
+
+  it('horizontal virtual', async () => {
+    const { container } = getTable({
+      virtual: { x: true },
+      columns: [
+        {
+          width: 100,
+          className: 'a',
+        },
+        {
+          width: 50,
+          className: 'b',
+        },
+        {
+          width: 100,
+          className: 'c',
+        },
+        {
+          width: 50,
+          className: 'd',
+        },
+      ],
+      scroll: {
+        x: 300,
+        y: 10,
+      },
+      getContainerWidth: () => 200,
+      data: [{}],
+    });
+
+    resize(container.querySelector('.rc-table'));
+
+    await waitFakeTimer();
+
+    expect(container.querySelector('.rc-table-row').children.length).toBe(3);
+    expect(container.querySelector('.rc-table-row').children[0].classList).toContain('a');
+    expect(container.querySelector('.rc-table-row').children[1].classList).toContain('b');
+    expect(container.querySelector('.rc-table-row').children[2].classList).toContain('c');
+
+    fireEvent.wheel(container.querySelector('.rc-table-tbody-virtual-holder')!, {
+      deltaX: 100,
+    });
+    expect(container.querySelector('.rc-table-row').children.length).toBe(3);
+    expect(container.querySelector('.rc-table-row').children[0].classList).toContain('b');
+    expect(container.querySelector('.rc-table-row').children[1].classList).toContain('c');
+    expect(container.querySelector('.rc-table-row').children[2].classList).toContain('d');
+  });
 });