Add comprehensive tests for DataView

packages/odyssey-react-mui/src/Pagination/Pagination.tsx

@@ -286,7 +286,7 @@ const Pagination = ({
   );
 
   return variant === "paged" ? (
-    <PaginationContainer>
+    <PaginationContainer data-testId={`${variant}-pagination`}>
       <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>
         <Box>
           <Paragraph component="span" color="textSecondary">

packages/odyssey-react-mui/src/labs/DataFilters.tsx

@@ -630,6 +630,7 @@ const DataFilters = ({
                                 variant="primary"
                                 endIcon={<CheckIcon />}
                                 type="submit"
+                                ariaLabel={t("filters.submit.label")}
                               />
                             </AutocompleteOuterContainer>
                           )}
@@ -697,6 +698,7 @@ const DataFilters = ({
                               variant="primary"
                               endIcon={<CheckIcon />}
                               type="submit"
+                              ariaLabel={t("filters.submit.label")}
                             />
                           </Box>
                         )}

packages/odyssey-react-mui/src/labs/DataView/CardLayoutContent.tsx

@@ -92,7 +92,8 @@ const StackContainer = styled("div", {
   shouldForwardProp: (prop) =>
     prop !== "odysseyDesignTokens" &&
     prop !== "currentLayout" &&
-    prop !== "maxGridColumns",
+    prop !== "maxGridColumns" &&
+    prop !== "data-testid",
 })<{
   odysseyDesignTokens: DesignTokens;
   currentLayout: CardLayout;
@@ -175,6 +176,7 @@ const CardLayoutContent = ({
       odysseyDesignTokens={odysseyDesignTokens}
       currentLayout={currentLayout}
       maxGridColumns={cardLayoutOptions.maxGridColumns ?? 3}
+      data-testId={currentLayout}
     >
       {isLoading ? (
         <LoadingContainer odysseyDesignTokens={odysseyDesignTokens}>