@databiosphere/findable-ui 38.0.0 → 38.1.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "38.0.0"
+  ".": "38.1.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [38.1.0](https://github.com/DataBiosphere/findable-ui/compare/v38.0.0...v38.1.0) (2025-07-09)
+
+
+### Features
+
+* add data test id to summary ([#557](https://github.com/DataBiosphere/findable-ui/issues/557)) ([#558](https://github.com/DataBiosphere/findable-ui/issues/558)) ([cf97aa5](https://github.com/DataBiosphere/findable-ui/commit/cf97aa54a0ca70b0970ad169f8ae91d8585ccffd))
+
 ## [38.0.0](https://github.com/DataBiosphere/findable-ui/compare/v37.1.0...v38.0.0) (2025-07-09)
 
 

package/lib/components/Export/components/ExportSummary/components/ExportSelectedDataSummary/exportSelectedDataSummary.js

@@ -1,10 +1,11 @@
 import React from "react";
+import { TEST_IDS } from "../../../../../../tests/testIds";
 import { SectionTitle } from "../../../../../common/Section/components/SectionTitle/sectionTitle";
 import { GridPaperSection } from "../../../../../common/Section/section.styles";
 import { Loading, LOADING_PANEL_STYLE } from "../../../../../Loading/loading";
 import { Label, Values } from "../../exportSummary.styles";
 export const ExportSelectedDataSummary = ({ isLoading, summaries, }) => {
-    return (React.createElement(GridPaperSection, null,
+    return (React.createElement(GridPaperSection, { "data-testid": TEST_IDS.EXPORT_SUMMARY },
         React.createElement(Loading, { loading: isLoading, panelStyle: LOADING_PANEL_STYLE.INHERIT }),
         React.createElement(SectionTitle, { title: "Selected Data Summary" }),
         summaries.map(([label, value], i) => (React.createElement("div", { key: i },

package/lib/components/Index/components/EntityView/components/layout/Summary/summary.js

@@ -2,13 +2,14 @@ import { Typography } from "@mui/material";
 import React, { Fragment } from "react";
 import { useSummary } from "../../../../../../../hooks/useSummary";
 import { TYPOGRAPHY_PROPS } from "../../../../../../../styles/common/mui/typography";
+import { TEST_IDS } from "../../../../../../../tests/testIds";
 import { GRID_PROPS } from "./constants";
 import { StyledDot, StyledGrid } from "./summary.styles";
 export const Summary = ({ className, }) => {
     const { summaries } = useSummary() || {};
     if (!summaries)
         return null;
-    return (React.createElement(StyledGrid, { ...GRID_PROPS, className: className }, summaries.map(([count, label], i) => (React.createElement(Fragment, { key: i },
+    return (React.createElement(StyledGrid, { ...GRID_PROPS, className: className, "data-testid": TEST_IDS.ENTITY_SUMMARY }, summaries.map(([count, label], i) => (React.createElement(Fragment, { key: i },
         i !== 0 && React.createElement(StyledDot, null),
         React.createElement(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.TEXT_BODY_SMALL_500 }, count),
         React.createElement(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, variant: TYPOGRAPHY_PROPS.VARIANT.TEXT_BODY_SMALL_400 }, label))))));

package/lib/tests/testIds.d.ts

@@ -1,6 +1,8 @@
 export declare const TEST_IDS: {
     CLEAR_ALL_FILTERS: string;
+    ENTITY_SUMMARY: string;
     EXPORT_BUTTON: string;
+    EXPORT_SUMMARY: string;
     FILTERS: string;
     FILTER_CONTROLS: string;
     FILTER_COUNT: string;

package/lib/tests/testIds.js

@@ -1,6 +1,8 @@
 export const TEST_IDS = {
     CLEAR_ALL_FILTERS: "clear-all-filters",
+    ENTITY_SUMMARY: "entity-summary",
     EXPORT_BUTTON: "export-button",
+    EXPORT_SUMMARY: "export-summary",
     FILTERS: "filters",
     FILTER_CONTROLS: "filter-controls",
     FILTER_COUNT: "filter-count",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "38.0.0",
+  "version": "38.1.0",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",

package/src/components/Export/components/ExportSummary/components/ExportSelectedDataSummary/exportSelectedDataSummary.tsx

@@ -1,4 +1,5 @@
 import React, { ReactNode } from "react";
+import { TEST_IDS } from "../../../../../../tests/testIds";
 import { SectionTitle } from "../../../../../common/Section/components/SectionTitle/sectionTitle";
 import { GridPaperSection } from "../../../../../common/Section/section.styles";
 import { Loading, LOADING_PANEL_STYLE } from "../../../../../Loading/loading";
@@ -17,7 +18,7 @@ export const ExportSelectedDataSummary = ({
   summaries,
 }: ExportSelectedDataSummaryProps): JSX.Element => {
   return (
-    <GridPaperSection>
+    <GridPaperSection data-testid={TEST_IDS.EXPORT_SUMMARY}>
       <Loading loading={isLoading} panelStyle={LOADING_PANEL_STYLE.INHERIT} />
       <SectionTitle title="Selected Data Summary" />
       {summaries.map(([label, value], i) => (

package/src/components/Index/components/EntityView/components/layout/Summary/summary.tsx

@@ -2,6 +2,7 @@ import { Typography } from "@mui/material";
 import React, { Fragment } from "react";
 import { useSummary } from "../../../../../../../hooks/useSummary";
 import { TYPOGRAPHY_PROPS } from "../../../../../../../styles/common/mui/typography";
+import { TEST_IDS } from "../../../../../../../tests/testIds";
 import { BaseComponentProps } from "../../../../../../types";
 import { GRID_PROPS } from "./constants";
 import { StyledDot, StyledGrid } from "./summary.styles";
@@ -14,7 +15,11 @@ export const Summary = ({
   if (!summaries) return null;
 
   return (
-    <StyledGrid {...GRID_PROPS} className={className}>
+    <StyledGrid
+      {...GRID_PROPS}
+      className={className}
+      data-testid={TEST_IDS.ENTITY_SUMMARY}
+    >
       {summaries.map(([count, label], i) => (
         <Fragment key={i}>
           {i !== 0 && <StyledDot />}

package/src/tests/testIds.ts

@@ -1,6 +1,8 @@
 export const TEST_IDS = {
   CLEAR_ALL_FILTERS: "clear-all-filters",
+  ENTITY_SUMMARY: "entity-summary",
   EXPORT_BUTTON: "export-button",
+  EXPORT_SUMMARY: "export-summary",
   FILTERS: "filters",
   FILTER_CONTROLS: "filter-controls",
   FILTER_COUNT: "filter-count",