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

petyosi · Apr 18, 2024 · 0010df4 · 0010df4
1 parent f9127e8
commit 0010df4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/TableVirtuoso.tsx b/src/TableVirtuoso.tsx
@@ -163,7 +163,7 @@ const Items = /*#__PURE__*/ React.memo(function VirtuosoItems() {
 
   return React.createElement(
     TableBodyComponent,
-    { ref: callbackRef, 'data-test-id': 'virtuoso-item-list', ...contextPropIfNotDomElement(TableBodyComponent, context) },
+    { ref: callbackRef, 'data-testid': 'virtuoso-item-list', ...contextPropIfNotDomElement(TableBodyComponent, context) },
     [paddingTopEl, ...items, paddingBottomEl]
   )
 })

diff --git a/src/interfaces.ts b/src/interfaces.ts
@@ -40,7 +40,7 @@ export type TableProps = Pick<React.ComponentProps<'table'>, 'style' | 'children
  * Passed to the Components.TableBody custom component
  */
 export type TableBodyProps = Pick<React.ComponentProps<'tbody'>, 'style' | 'children' | 'className'> & {
-  'data-test-id': string
+  'data-testid': string
 } & React.RefAttributes<HTMLTableSectionElement>
 
 /**

diff --git a/test/__snapshots__/VirtuosoMockContext.test.tsx.snap b/test/__snapshots__/VirtuosoMockContext.test.tsx.snap
@@ -220,7 +220,7 @@ exports[`VirtuosoMockContext > Table > correctly renders items 1`] = `
         style="border-spacing: 0; overflow-anchor: none;"
       >
         <tbody
-          data-test-id="virtuoso-item-list"
+          data-testid="virtuoso-item-list"
         >
           <tr
             data-index="0"
@@ -281,7 +281,7 @@ exports[`VirtuosoMockContext > Table > correctly renders items with useWindowScr
         style="border-spacing: 0; overflow-anchor: none;"
       >
         <tbody
-          data-test-id="virtuoso-item-list"
+          data-testid="virtuoso-item-list"
         >
           <tr
             data-index="0"