@izumisy-tailor/tailor-data-viewer 0.2.31 → 0.2.32

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@izumisy-tailor/tailor-data-viewer",
   "private": false,
-  "version": "0.2.31",
+  "version": "0.2.32",
   "type": "module",
   "description": "Flexible data viewer component for Tailor Platform",
   "files": [

package/src/component/data-table/data-table.test.tsx

@@ -116,7 +116,9 @@ describe("DataTable", () => {
       </DataTableContext.Provider>,
     );
 
-    expect(screen.getByText("Loading...")).toBeInTheDocument();
+    expect(
+      document.querySelector('[data-datatable-state="loading"]'),
+    ).toBeInTheDocument();
   });
 
   it("shows error state", () => {
@@ -130,7 +132,9 @@ describe("DataTable", () => {
       </DataTableContext.Provider>,
     );
 
-    expect(screen.getByText("Error: Something went wrong")).toBeInTheDocument();
+    expect(
+      document.querySelector('[data-datatable-state="error"]'),
+    ).toBeInTheDocument();
   });
 
   it("shows empty state", () => {
@@ -143,7 +147,9 @@ describe("DataTable", () => {
       </DataTableContext.Provider>,
     );
 
-    expect(screen.getByText("No data")).toBeInTheDocument();
+    expect(
+      document.querySelector('[data-datatable-state="empty"]'),
+    ).toBeInTheDocument();
   });
 
   it("renders sort indicator on sorted column", () => {

package/src/component/data-table/data-table.tsx

@@ -228,14 +228,14 @@ function DataTableBody({
       {loading && (!rows || rows.length === 0) && (
         <Table.Row>
           <Table.Cell colSpan={totalColSpan} className="h-24 text-center">
-            <span className="text-muted-foreground">{labels.loading}</span>
+            <span className="text-muted-foreground" data-datatable-state="loading">{labels.loading}</span>
           </Table.Cell>
         </Table.Row>
       )}
       {error && (
         <Table.Row>
           <Table.Cell colSpan={totalColSpan} className="h-24 text-center">
-            <span className="text-destructive">
+            <span className="text-destructive" data-datatable-state="error">
               {labels.errorPrefix} {error.message}
             </span>
           </Table.Cell>
@@ -244,7 +244,7 @@ function DataTableBody({
       {!loading && !error && (!rows || rows.length === 0) && (
         <Table.Row>
           <Table.Cell colSpan={totalColSpan} className="h-24 text-center">
-            <span className="text-muted-foreground">{labels.noData}</span>
+            <span className="text-muted-foreground" data-datatable-state="empty">{labels.noData}</span>
           </Table.Cell>
         </Table.Row>
       )}