Testing library upgrades and updated snapshots

mkimberlin · mkimberlin · commit 659e0eb518a9 · 2025-03-12T11:05:14.000-05:00
diff --git a/web-ui/package.json b/web-ui/package.json
@@ -43,7 +43,6 @@
     "react-jss": "^10.4.0",
     "react-modal": "^3.14.3",
     "react-router-dom": "^5.3.0",
-    "react-swipeable-views": "^0.14.0",
     "recharts": "^2.12.4",
     "reselect": "^4.0.0",
     "styled-components": "^6.1.8"
@@ -76,31 +75,29 @@
     ]
   },
   "devDependencies": {
-    "@ladle/react": "^4.1.2",
+    "@ladle/react": "^5.0.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/dom": "^10.4.0",
-    "@types/react-router-dom": "^5.3.0",
-    "@vitejs/plugin-react-swc": "^3.6.0",
-    "@vitest/coverage-v8": "^1.4.0",
-    "eslint": "^9.1.1",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "@types/react-router-dom": "^5.3.3",
+    "@vitejs/plugin-react-swc": "^3.8.0",
+    "@vitest/coverage-v8": "^3.0.8",
+    "eslint": "^9.22.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-vitest": "^0.5.4",
-    "globals": "^15.0.0",
-    "happy-dom": "^15.10.2",
-    "jest-fetch-mock": "^3.0.3",
-    "jsdom": "^24.0.0",
-    "msw": "^2.6.4",
-    "prettier": "3.2.5",
+    "globals": "^16.0.0",
+    "jsdom": "^26.0.0",
+    "msw": "^2.7.3",
+    "prettier": "3.5.3",
     "prop-types": "^15.8.1",
     "react-test-renderer": "^18.3.1",
-    "typescript": "^5.4.5",
-    "typescript-eslint": "^7.7.1",
-    "vite": "^5.4.12",
-    "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^1.6.1",
-    "vitest-fetch-mock": "^0.2.2"
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.26.1",
+    "vite": "^6.2.1",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.8",
+    "vitest-fetch-mock": "^0.4.5"
   }
 }
diff --git a/web-ui/src/components/member-directory/__snapshots__/MemberModal.test.jsx.snap b/web-ui/src/components/member-directory/__snapshots__/MemberModal.test.jsx.snap
@@ -11,7 +11,7 @@ exports[`renders correctly 1`] = `
     >
       <a
         href="/profile/2o34i2j34"
-        style="text-decoration: none;"
+        style="color: var(--checkins-palette-content-color); text-decoration: none;"
       >
         <div
           class="MuiCardHeader-root MemberSummaryCard-header css-149tc0y-MuiCardHeader-root"
diff --git a/web-ui/src/components/member-directory/__snapshots__/MemberSummaryCard.test.jsx.snap b/web-ui/src/components/member-directory/__snapshots__/MemberSummaryCard.test.jsx.snap
@@ -11,7 +11,7 @@ exports[`renders correctly 1`] = `
     >
       <a
         href="/profile/2o34i2j34"
-        style="text-decoration: none;"
+        style="color: var(--checkins-palette-content-color); text-decoration: none;"
       >
         <div
           class="MuiCardHeader-root MemberSummaryCard-header css-149tc0y-MuiCardHeader-root"
diff --git a/web-ui/src/components/reviews/TeamMemberReview.jsx b/web-ui/src/components/reviews/TeamMemberReview.jsx
@@ -1,6 +1,5 @@
 import React, { useContext, useState, useCallback } from 'react';
 import { styled, useTheme } from '@mui/material/styles';
-import SwipeableViews from 'react-swipeable-views';
 import PropTypes from 'prop-types';
 import { AppContext } from '../../context/AppContext';
 import { selectCsrfToken, selectCurrentUser, selectProfile } from '../../context/selectors';
@@ -9,12 +8,6 @@ import HourglassEmptyIcon from '@mui/icons-material/HourglassEmpty';
 import {
   AppBar,
   Box,
-  Button,
-  Card,
-  CardActions,
-  CardContent,
-  CardHeader,
-  Modal,
   Tab,
   Tabs,
   Typography
@@ -103,10 +96,6 @@ const TeamMemberReview = ({
     setValue(newValue);
   };
 
-  const handleChangeIndex = index => {
-    setValue(index);
-  };
-
   let selfReviewIcon = <HourglassEmptyIcon />;
   if (selfReview && selfReview.status?.toUpperCase() === 'SUBMITTED') {
     selfReviewIcon = <CheckCircleIcon />;
@@ -157,11 +146,6 @@ const TeamMemberReview = ({
               })}
           </Tabs>
         </AppBar>
-        <SwipeableViews
-          axis={theme.direction === 'rtl' ? 'x-reverse' : 'x'}
-          index={value}
-          onChangeIndex={handleChangeIndex}
-        >
           <TabPanel key={0} value={value} index={0} dir={theme.direction}>
             {selfReview?.id ? (
               <FeedbackSubmitForm
@@ -196,7 +180,6 @@ const TeamMemberReview = ({
                 </TabPanel>
               );
             })}
-        </SwipeableViews>
       </Box>
     </Root>
   );
diff --git a/web-ui/src/pages/__snapshots__/FeedbackSubmitPage.test.jsx.snap b/web-ui/src/pages/__snapshots__/FeedbackSubmitPage.test.jsx.snap
@@ -94,47 +94,39 @@ exports[`renders correctly - submitted 1`] = `
           </div>
         </header>
         <div
-          style="overflow-x: hidden;"
+          aria-labelledby="full-width-tab-0"
+          dir="ltr"
+          hidden=""
+          id="full-width-tabpanel-0"
+          role="tabpanel"
+        />
+        <div
+          aria-labelledby="full-width-tab-1"
+          dir="ltr"
+          id="full-width-tabpanel-1"
+          role="tabpanel"
         >
           <div
-            class="react-swipeable-view-container"
-            style="flex-direction: row; transition: all 0s ease 0s; direction: ltr; display: flex; will-change: transform;"
+            class="MuiBox-root css-19kzrtu"
           >
-            <div
-              aria-hidden="false"
-              data-swipeable="true"
-              style="width: 100%; flex-shrink: 0; overflow: auto;"
+            <p
+              class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
             >
               <div
-                aria-labelledby="full-width-tab-1"
-                dir="ltr"
-                id="full-width-tabpanel-1"
-                role="tabpanel"
+                class="submit-form css-1799q8o"
               >
-                <div
-                  class="MuiBox-root css-19kzrtu"
+                <span
+                  class="MuiTypography-root MuiTypography-h3 FeedbackSubmitForm-announcement css-13msox4-MuiTypography-root"
                 >
-                  <p
-                    class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
-                  >
-                    <div
-                      class="submit-form css-1799q8o"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-h3 FeedbackSubmitForm-announcement css-13msox4-MuiTypography-root"
-                      >
-                        Reviewing
-                         Feedback on
-                         
-                        <b>
-                          James Johnson
-                        </b>
-                      </span>
-                    </div>
-                  </p>
-                </div>
+                  Reviewing
+                   Feedback on
+                   
+                  <b>
+                    James Johnson
+                  </b>
+                </span>
               </div>
-            </div>
+            </p>
           </div>
         </div>
       </div>
diff --git a/web-ui/yarn.lock b/web-ui/yarn.lock

Original file line number	Diff line number	Diff line change
@@ -11,7 +11,7 @@ exports[`renders correctly 1`] = `
`11`	`11`	`>`
`12`	`12`	`<a`
`13`	`13`	`href="/profile/2o34i2j34"`
`14`		`- style="text-decoration: none;"`
	`14`	`+ style="color: var(--checkins-palette-content-color); text-decoration: none;"`
`15`	`15`	`>`
`16`	`16`	`<div`
`17`	`17`	`class="MuiCardHeader-root MemberSummaryCard-header css-149tc0y-MuiCardHeader-root"`