task: [Snapshot test - Part 8] Shared Lending Platform - User Profile

cfpb · Dec 9, 2024 · 40787ae · 40787ae
1 parent 34722c1
commit 40787ae
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/e2e/pages/shared-lending-platform/UserProfile.spec.ts b/e2e/pages/shared-lending-platform/UserProfile.spec.ts
@@ -1,12 +1,14 @@
 import { expect } from '@playwright/test';
 import { test } from '../../fixtures/testFixture';
+import { checkSnapshot } from '../../utils/snapshotTesting';
 
 test('User Profile Page', async ({ page, navigateToFilingHome }) => {
   // Go to Profile page
   await test.step('H1 Heading', async () => {
     navigateToFilingHome;
     await page.goto('/profile/view');
     await expect(page.locator('h1')).toContainText('View your user profile');
+    await checkSnapshot(page);
   });
 
   // Verify Name + Email

diff --git a/...-platform/UserProfile.spec.ts-snapshots/User-Profile-Page-1-chromium-darwin.png b/...-platform/UserProfile.spec.ts-snapshots/User-Profile-Page-1-chromium-darwin.png
diff --git a/src/components/AssociatedInstitution.tsx b/src/components/AssociatedInstitution.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react/require-default-props */
 import { ListLink } from 'components/Link';
-import { formatPipeSeparatedString } from 'utils/formatting';
 import type { InstitutionDetailsApiType } from 'types/formTypes';
+import { formatPipeSeparatedString } from 'utils/formatting';
 
 export function AssociatedInstitution({
   name,
@@ -17,7 +17,7 @@ export function AssociatedInstitution({
   }
 
   return (
-    <ListLink href={href} key={lei}>
+    <ListLink href={href} key={lei} className='snapshot-ignore'>
       {text}
     </ListLink>
   );

diff --git a/src/pages/Filing/ViewUserProfile/UserInformation.tsx b/src/pages/Filing/ViewUserProfile/UserInformation.tsx
@@ -28,10 +28,12 @@ export default function UserInformation({
         <DisplayField
           label='Full name'
           value={<Paragraph className='mb-[0.625rem]'>{data.name}</Paragraph>}
+          className='snapshot-ignore'
         />
         <DisplayField
           label='Email address'
           value={<Paragraph className='mb-[0.625rem]'>{data.email}</Paragraph>}
+          className='snapshot-ignore'
         />
       </WellContainer>
     </>