fix broken import and update snapshots

OperationCode · Jun 20, 2024 · 55fee41 · 55fee41
1 parent dc3d1af
commit 55fee41
Show file tree

Hide file tree

Showing 18 changed files with 151 additions and 82 deletions.
diff --git a/components/Branding/LogoSection/__tests__/__snapshots__/LogoSection.test.tsx.snap b/components/Branding/LogoSection/__tests__/__snapshots__/LogoSection.test.tsx.snap
@@ -29,7 +29,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Small Blue Accented Logo"
                         height={60}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-blue-logo.png"
@@ -43,7 +43,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Small Red Accented Logo"
                         height={60}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-red-logo.png"
@@ -57,7 +57,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Small Unaccented Logo"
                         height={60}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-logo.png"
@@ -71,7 +71,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Small White Accented Logo"
                         height={60}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-white-logo.png"
@@ -99,7 +99,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Large Stacked Original"
                         height={226}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-stacked-logo-blue.png"
@@ -113,7 +113,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Red Stacked Logo"
                         height={226}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-stacked-logo-red.png"
@@ -127,7 +127,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Light Stacked Logo"
                         height={226}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-stacked-logo.png"
@@ -155,7 +155,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="OC Blue Medal"
                         height={404}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-blue-medal.png"
@@ -169,7 +169,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Red Medal"
                         height={404}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-red-medal.png"
@@ -183,7 +183,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Navy Medal"
                         height={404}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-slate-medal.png"
@@ -211,7 +211,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="OC Blue Badge"
                         height={404}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-blue-medal.png"
@@ -225,7 +225,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Red Badge"
                         height={404}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-red-medal.png"
@@ -239,7 +239,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Navy"
                         height={404}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-slate-medal.png"
@@ -276,7 +276,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Original Large Logo"
                         height={70}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-blue-logo.png"
@@ -290,7 +290,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Red Large Logo"
                         height={70}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-red-logo.png"
@@ -304,7 +304,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Large Unaccented Logo"
                         height={70}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-logo.png"
@@ -318,7 +318,7 @@ exports[`LogoSection > should render with required props 1`] = `
                 <li>
                   <Badge
                     icon={
-                      <MockedNextImage
+                      <LegacyMockedNextImage
                         alt="Large White Accented Logo"
                         height={70}
                         src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/large-white-logo.png"

diff --git a/components/Buttons/LinkButton/__tests__/__snapshots__/LinkButton.test.tsx.snap b/components/Buttons/LinkButton/__tests__/__snapshots__/LinkButton.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`LinkButton > should render with many props assigned 1`] = `
 <a
-  className="inline-flex items-start Button test-class secondary fullWidth"
+  className="inline-flex items-start Button test-class secondary !inline-block hover:no-underline fullWidth"
   data-testid="Test"
   href="https://tests.com"
   onClick={[Function]}
@@ -21,10 +21,11 @@ exports[`LinkButton > should render with many props assigned 1`] = `
 
 exports[`LinkButton > should render with required props 1`] = `
 <a
-  className="Button primary"
+  className="Button primary !inline-block hover:no-underline"
   href="https://tests.com"
   onClick={[Function]}
   onMouseEnter={[Function]}
+  onTouchStart={[Function]}
 >
   Test
 </a>

diff --git a/components/Cards/FlatCard/__tests__/__snapshots__/FlatCard.test.js.snap b/components/Cards/FlatCard/__tests__/__snapshots__/FlatCard.test.js.snap
@@ -32,10 +32,11 @@ exports[`FlatCard > should render with many props assigned 1`] = `
       className="text-center absolute left-0 right-0 -bottom-7 [&>button]:hover:bg-white [&>button]:hover:text-themeSecondary [&>button]:focus-visible:text-themePrimary [&>button]:focus-visible:bg-white [&>a]:hover:bg-white [&>a]:hover:text-themeSecondary [&>a]:focus-visible:bg-white [&>a]:focus-visible:text-themeSecondary "
     >
       <a
-        className="Button primary"
+        className="Button primary !inline-block hover:no-underline"
         href="/"
         onClick={[Function]}
         onMouseEnter={[Function]}
+        onTouchStart={[Function]}
       >
         Widget Action
       </a>

diff --git a/components/Cards/ImageCard/__tests__/__snapshots__/ImageCard.test.tsx.snap b/components/Cards/ImageCard/__tests__/__snapshots__/ImageCard.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`ImageCard > should render with many props assigned 1`] = `
     <div
       className="relative h-full"
     >
-      <MockedNextImage
+      <LegacyMockedNextImage
         alt="Test title"
         layout="fill"
         objectFit="cover"
@@ -34,7 +34,7 @@ exports[`ImageCard > should render with required props 1`] = `
     <div
       className="relative h-full w-full min-h-[225px]"
     >
-      <MockedNextImage
+      <LegacyMockedNextImage
         alt="Test title"
         layout="fill"
         objectFit="cover"

diff --git a/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap b/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap
@@ -37,7 +37,7 @@ exports[`Footer > should render with no props passed 1`] = `
         hasIcon={false}
         href="https://www.guidestar.org/profile/shared/52626ac8-5e8b-445a-889e-30bf1ac0b46e"
       >
-        <MockedNextImage
+        <LegacyMockedNextImage
           alt="GuideStar Gold Transparency Seal"
           height={128}
           src="/static/images/platinum-transparency.png"

diff --git a/components/Forms/LoginForm/LoginForm.js b/components/Forms/LoginForm/LoginForm.js
@@ -8,7 +8,7 @@ import { LOGIN_BUTTON, LOGIN_FORM } from '@/common/constants/testIDs';
 import { Button } from '@/components/Buttons/Button/Button';
 import { Form } from '@/components/Form/Form';
 import { Input } from '@/components/Form/Input/Input';
-import Alert from '@/components/Alert/Alert';
+import { Alert } from '@/components/Alert/Alert';
 
 const defaultValues = {
   email: '',

diff --git a/components/Forms/RegistrationForm/__tests__/__snapshots__/RegistrationForm.test.js.snap b/components/Forms/RegistrationForm/__tests__/__snapshots__/RegistrationForm.test.js.snap
@@ -19,6 +19,7 @@ exports[`RegistrationForm > should render with required props 1`] = `
         href="/slack_guide"
         onClick={[Function]}
         onMouseEnter={[Function]}
+        onTouchStart={[Function]}
       >
         Learn how to use it!
       </a>

diff --git a/components/Nav/NavListItem/__tests__/__snapshots__/NavListItem.test.tsx.snap b/components/Nav/NavListItem/__tests__/__snapshots__/NavListItem.test.tsx.snap
@@ -5,22 +5,19 @@ exports[`NavListItem > should render with required props passed 1`] = `
   className="NavListItem"
 >
   <ForwardRef(LinkComponent)
+    className="link navItemLink"
+    data-testid="Nav Item Test"
     href="/test"
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+    role="link"
+    tabIndex={0}
   >
-    <a
-      className="link navItemLink"
-      data-testid="Nav Item Test"
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-      role="link"
-      tabIndex={0}
+    <span
+      className="linkContent"
     >
-      <span
-        className="linkContent"
-      >
-        Test
-      </span>
-    </a>
+      Test
+    </span>
   </ForwardRef(LinkComponent)>
 </li>
 `;
diff --git a/components/Nav/NavMobile/__tests__/__snapshots__/NavMobile.test.tsx.snap b/components/Nav/NavMobile/__tests__/__snapshots__/NavMobile.test.tsx.snap
@@ -6,24 +6,19 @@ exports[`NavMobile > should render 1`] = `
   data-testid="Mobile Nav Container"
 >
   <ForwardRef(LinkComponent)
+    className="button logoButton inline-flex"
     href="/"
   >
-    <button
-      className="button logoButton"
-      name="dropdown"
-      type="button"
+    <div
+      className="logo"
     >
-      <div
-        className="logo"
-      >
-        <MockedNextImage
-          alt="Operation Code Logo"
-          height={42}
-          src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-blue-logo.png"
-          width={224}
-        />
-      </div>
-    </button>
+      <LegacyMockedNextImage
+        alt="Operation Code Logo"
+        height={42}
+        src="https://operation-code-assets.s3.us-east-2.amazonaws.com/branding/logos/small-blue-logo.png"
+        width={224}
+      />
+    </div>
   </ForwardRef(LinkComponent)>
   <button
     className="button hamburger"

diff --git a/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap b/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap
@@ -62,23 +62,20 @@ exports[`Nav > should render with no props passed 1`] = `
         data-testid="Desktop Nav"
       >
         <ForwardRef(LinkComponent)
+          className="logoLink link"
           href="/"
+          onContextMenu={[Function]}
         >
-          <a
-            className="logoLink link"
-            onContextMenu={[Function]}
-          >
-            <ForwardRef
-              className="logo"
-              fill="#f7f7f7"
-              style={
-                {
-                  "height": 42,
-                  "width": 224,
-                }
+          <ForwardRef
+            className="logo"
+            fill="#f7f7f7"
+            style={
+              {
+                "height": 42,
+                "width": 224,
               }
-            />
-          </a>
+            }
+          />
         </ForwardRef(LinkComponent)>
         <ul
           className="link"
@@ -160,13 +157,10 @@ exports[`Nav > should render with no props passed 1`] = `
           />
           <li>
             <ForwardRef(LinkComponent)
+              className="link donateLink"
               href="/donate"
             >
-              <a
-                className="link donateLink"
-              >
-                Donate
-              </a>
+              Donate
             </ForwardRef(LinkComponent)>
           </li>
         </ul>

diff --git a/components/Pagination/PaginationItem/__tests__/__snapshots__/PaginationItem.test.tsx.snap b/components/Pagination/PaginationItem/__tests__/__snapshots__/PaginationItem.test.tsx.snap
@@ -10,6 +10,7 @@ exports[`PaginationItem > renders correctly as a current item with value 1`] = `
     href="/resources/1"
     onClick={[Function]}
     onMouseEnter={[Function]}
+    onTouchStart={[Function]}
   >
     <span
       className="sr-only"