fix: adjust the way used to set data-test-id for GridList

petyosi · Apr 18, 2024 · fd7c283 · fd7c283
1 parent 825f9eb
commit fd7c283
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/VirtuosoGrid.tsx b/src/VirtuosoGrid.tsx
@@ -99,7 +99,7 @@ const GridItems: React.FC = /*#__PURE__*/ React.memo(function GridItems() {
       className: listClassName,
       ...contextPropIfNotDomElement(ListComponent, context),
       style: { paddingTop: gridState.offsetTop, paddingBottom: gridState.offsetBottom },
-      'data-test-id': 'virtuoso-item-list',
+      'data-testid': 'virtuoso-item-list',
     },
     gridState.items.map((item) => {
       const key = computeItemKey(item.index, item.data, context)

diff --git a/src/interfaces.ts b/src/interfaces.ts
@@ -54,7 +54,7 @@ export type ListProps = Pick<React.ComponentProps<'div'>, 'style' | 'children'>
  * Passed to the Components.List custom component
  */
 export type GridListProps = Pick<React.ComponentProps<'div'>, 'style' | 'children' | 'className'> & {
-  'data-test-id': string
+  'data-testid': string
 } & React.RefAttributes<HTMLDivElement>
 
 /**

diff --git a/test/__snapshots__/VirtuosoMockContext.test.tsx.snap b/test/__snapshots__/VirtuosoMockContext.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`VirtuosoMockContext > Grid > correctly renders items 1`] = `
     >
       <div
         class="virtuoso-grid-list"
-        data-test-id="virtuoso-item-list"
+        data-testid="virtuoso-item-list"
         style="padding-top: 0px; padding-bottom: 100px;"
       >
         <div
@@ -69,7 +69,7 @@ exports[`VirtuosoMockContext > Grid > correctly renders items with useWindowScro
     >
       <div
         class="virtuoso-grid-list"
-        data-test-id="virtuoso-item-list"
+        data-testid="virtuoso-item-list"
         style="padding-top: 0px; padding-bottom: 100px;"
       >
         <div