[DataGrid] Add unit test for column pinning regression (#7954)

mui · Feb 16, 2023 · 39190c7 · 39190c7
1 parent 5881080
commit 39190c7
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/grid/x-data-grid-pro/src/tests/columnPinning.DataGridPro.test.tsx b/packages/grid/x-data-grid-pro/src/tests/columnPinning.DataGridPro.test.tsx
@@ -180,6 +180,21 @@ describe('<DataGridPro /> - Column pinning', () => {
  expect(columnHeadersInner).toHaveInlineStyle({ transform: 'translate3d(110px, 0px, 0px)' });
  });
 
+ it('should update the render zone offset after pinning the column', function test() {
+ render(<TestCase />);
+ const renderZone = document.querySelector<HTMLDivElement>(
+ `.${gridClasses.virtualScrollerRenderZone}`,
+ )!;
+ expect(renderZone).toHaveInlineStyle({ transform: 'translate3d(0px, 0px, 0px)' });
+
+ const columnCell = document.querySelector('[role="columnheader"][data-field="id"]')!;
+ const menuIconButton = columnCell.querySelector('button[aria-label="Menu"]');
+ fireEvent.click(menuIconButton);
+
+ fireEvent.click(screen.getByRole('menuitem', { name: 'Pin to left' }));
+ expect(renderZone).toHaveInlineStyle({ transform: 'translate3d(100px, 0px, 0px)' });
+ });
+
  it('should increase the width of right pinned columns by resizing to the left', function test() {
  if (isJSDOM) {
  // Need layouting