test: update snaps

mgallagher56 · mgallagher56 · commit f5f770a292eb · 2024-05-07T19:21:56.000+01:00
diff --git a/app/components/dialogs/addEditAccountsDialog.tsx/__snapshots__/AddAccountsDialog.test.tsx.snap b/app/components/dialogs/addEditAccountsDialog.tsx/__snapshots__/AddAccountsDialog.test.tsx.snap
@@ -1,3 +1,3 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<AddAccountDialogBtn > should render add account dialog when trigger button is clicked 1`] = `"<body><div><button type="button" class="chakra-button css-1ltlu47">addAccount</button></div><div class="chakra-portal"><div class="chakra-modal__overlay css-13d1tkw" ></div><div data-focus-guard="true" tabindex="0" ></div><div data-focus-lock-disabled="false"><div class="chakra-modal__content-container css-1oxhx2p" tabindex="-1"><section class="chakra-modal__content css-6yiygt" role="dialog" id="chakra-modal-:r0:" tabindex="-1" aria-modal="true"  aria-labelledby="chakra-modal--header-:r0:" aria-describedby="chakra-modal--body-:r0:"><header class="chakra-modal__header css-72fd9l" id="chakra-modal--header-:r0:">addAccount</header><button type="button" aria-label="Close" class="chakra-modal__close-btn css-6sdaxy"><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"></path></svg></button><div class="chakra-modal__body css-0" id="chakra-modal--body-:r0:"><form><div class="css-1kkt86i"><div class="d_flex flex_column gap_2"><label for="Name">Name</label><div><div class="css-3a3hw0"><input placeholder="accountName" id="Name" class="chakra-input css-0" value="Starling" name="name"></div></div></div><div class="d_flex flex_column gap_2"><label for="Account Type">Account Type</label><div class="chakra-select__wrapper css-42b2qy"><select name="type" id="Account Type" class="chakra-select css-1ik61og"><option value="Current">Current</option><option value="Saving">Saving</option><option value="Mortgage">Mortgage</option><option value="Loan">Loan</option><option value="Owed">Owed</option></select><div class="chakra-select__icon-wrapper css-162mkon"><svg viewBox="0 0 24 24" role="presentation" class="chakra-select__icon" focusable="false" aria-hidden="true" ><path fill="currentColor" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg></div></div></div></div></form></div><footer class="chakra-modal__footer css-192qrng"><div role="group" class="chakra-button__group css-1ind3v2" data-orientation="horizontal"><button type="button" class="chakra-button css-kn8t1u">close</button><button type="submit" class="chakra-button css-kn8t1u" form="123456">addAccount</button></div></footer></section></div></div><div data-focus-guard="true" tabindex="0" ></div></div></body>"`;
+exports[`<AddAccountDialogBtn > should render add account dialog when trigger button is clicked 1`] = `"<body><div><button type="button" class="chakra-button css-1ltlu47">addAccount</button></div><div class="chakra-portal"><div class="chakra-modal__overlay css-13d1tkw" ></div><div data-focus-guard="true" tabindex="0" ></div><div data-focus-lock-disabled="false"><div class="chakra-modal__content-container css-1oxhx2p" tabindex="-1"><section class="chakra-modal__content css-6yiygt" role="dialog" id="chakra-modal-:r0:" tabindex="-1" aria-modal="true"  aria-labelledby="chakra-modal--header-:r0:" aria-describedby="chakra-modal--body-:r0:"><header class="chakra-modal__header css-72fd9l" id="chakra-modal--header-:r0:">addAccount</header><button type="button" aria-label="Close" class="chakra-modal__close-btn css-6sdaxy"><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"></path></svg></button><div class="chakra-modal__body css-0" id="chakra-modal--body-:r0:"><form><div class="css-1kkt86i"><div class="d_flex flex_column gap_2"><label for="Name">Name</label><div><div class="css-3a3hw0"><input placeholder="accountName" id="Name" class="chakra-input css-0" name="name" value="Starling"></div></div></div><div class="d_flex flex_column gap_2"><label for="Account Type">Account Type</label><div class="chakra-select__wrapper css-42b2qy"><select name="type" id="Account Type" class="chakra-select css-1ik61og"><option value="Current">Current</option><option value="Saving">Saving</option><option value="Mortgage">Mortgage</option><option value="Loan">Loan</option><option value="Owed">Owed</option></select><div class="chakra-select__icon-wrapper css-162mkon"><svg viewBox="0 0 24 24" role="presentation" class="chakra-select__icon" focusable="false" aria-hidden="true" ><path fill="currentColor" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg></div></div></div></div></form></div><footer class="chakra-modal__footer css-192qrng"><div role="group" class="chakra-button__group css-1ind3v2" data-orientation="horizontal"><button type="button" class="chakra-button css-kn8t1u">close</button><button type="submit" class="chakra-button css-kn8t1u" form="123456">addAccount</button></div></footer></section></div></div><div data-focus-guard="true" tabindex="0" ></div></div></body>"`;
diff --git a/app/utils/__snapshots__/index.utils.test.tsx.snap b/app/utils/__snapshots__/index.utils.test.tsx.snap
@@ -59,63 +59,3 @@ exports[`getTabsData > should have a label, value, and children 3`] = `
   </FLPBox>
 </main>
 `;
-
-exports[`getTabsData > should have a label, value, and content 1`] = `
-<main>
-  <FLPBox>
-    <FLPHeading
-      as="h1"
-    >
-      featureNum
-    </FLPHeading>
-    <FLPBox
-      style={
-        {
-          "display": "flex",
-          "gap": ".5rem",
-        }
-      }
-    >
-      <h3>
-        N/A - IT
-      </h3>
-    </FLPBox>
-    <FLPBox
-      style={
-        {
-          "display": "flex",
-          "gap": ".5rem",
-        }
-      }
-    >
-      <h3>
-        Jane Doe - N/A
-      </h3>
-    </FLPBox>
-  </FLPBox>
-</main>
-`;
-
-exports[`getTabsData > should have a label, value, and content 2`] = `
-<main>
-  <FLPBox>
-    <FLPHeading
-      as="h1"
-    >
-      featureNum
-    </FLPHeading>
-  </FLPBox>
-</main>
-`;
-
-exports[`getTabsData > should have a label, value, and content 3`] = `
-<main>
-  <FLPBox>
-    <FLPHeading
-      as="h1"
-    >
-      featureNum
-    </FLPHeading>
-  </FLPBox>
-</main>
-`;

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html`
`2`	`2`
`3`		-exports[`<AddAccountDialogBtn > should render add account dialog when trigger button is clicked 1`] = `"<body><div><button type="button" class="chakra-button css-1ltlu47">addAccount</button></div><div class="chakra-portal"><div class="chakra-modal__overlay css-13d1tkw" ></div><div data-focus-guard="true" tabindex="0" ></div><div data-focus-lock-disabled="false"><div class="chakra-modal__content-container css-1oxhx2p" tabindex="-1"><section class="chakra-modal__content css-6yiygt" role="dialog" id="chakra-modal-:r0:" tabindex="-1" aria-modal="true" aria-labelledby="chakra-modal--header-:r0:" aria-describedby="chakra-modal--body-:r0:"><header class="chakra-modal__header css-72fd9l" id="chakra-modal--header-:r0:">addAccount</header><button type="button" aria-label="Close" class="chakra-modal__close-btn css-6sdaxy"><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"></path></svg></button><div class="chakra-modal__body css-0" id="chakra-modal--body-:r0:"><form><div class="css-1kkt86i"><div class="d_flex flex_column gap_2"><label for="Name">Name</label><div><div class="css-3a3hw0"><input placeholder="accountName" id="Name" class="chakra-input css-0" value="Starling" name="name"></div></div></div><div class="d_flex flex_column gap_2"><label for="Account Type">Account Type</label><div class="chakra-select__wrapper css-42b2qy"><select name="type" id="Account Type" class="chakra-select css-1ik61og"><option value="Current">Current</option><option value="Saving">Saving</option><option value="Mortgage">Mortgage</option><option value="Loan">Loan</option><option value="Owed">Owed</option></select><div class="chakra-select__icon-wrapper css-162mkon"><svg viewBox="0 0 24 24" role="presentation" class="chakra-select__icon" focusable="false" aria-hidden="true" ><path fill="currentColor" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg></div></div></div></div></form></div><footer class="chakra-modal__footer css-192qrng"><div role="group" class="chakra-button__group css-1ind3v2" data-orientation="horizontal"><button type="button" class="chakra-button css-kn8t1u">close</button><button type="submit" class="chakra-button css-kn8t1u" form="123456">addAccount</button></div></footer></section></div></div><div data-focus-guard="true" tabindex="0" ></div></div></body>"`;
	`3`	+exports[`<AddAccountDialogBtn > should render add account dialog when trigger button is clicked 1`] = `"<body><div><button type="button" class="chakra-button css-1ltlu47">addAccount</button></div><div class="chakra-portal"><div class="chakra-modal__overlay css-13d1tkw" ></div><div data-focus-guard="true" tabindex="0" ></div><div data-focus-lock-disabled="false"><div class="chakra-modal__content-container css-1oxhx2p" tabindex="-1"><section class="chakra-modal__content css-6yiygt" role="dialog" id="chakra-modal-:r0:" tabindex="-1" aria-modal="true" aria-labelledby="chakra-modal--header-:r0:" aria-describedby="chakra-modal--body-:r0:"><header class="chakra-modal__header css-72fd9l" id="chakra-modal--header-:r0:">addAccount</header><button type="button" aria-label="Close" class="chakra-modal__close-btn css-6sdaxy"><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"></path></svg></button><div class="chakra-modal__body css-0" id="chakra-modal--body-:r0:"><form><div class="css-1kkt86i"><div class="d_flex flex_column gap_2"><label for="Name">Name</label><div><div class="css-3a3hw0"><input placeholder="accountName" id="Name" class="chakra-input css-0" name="name" value="Starling"></div></div></div><div class="d_flex flex_column gap_2"><label for="Account Type">Account Type</label><div class="chakra-select__wrapper css-42b2qy"><select name="type" id="Account Type" class="chakra-select css-1ik61og"><option value="Current">Current</option><option value="Saving">Saving</option><option value="Mortgage">Mortgage</option><option value="Loan">Loan</option><option value="Owed">Owed</option></select><div class="chakra-select__icon-wrapper css-162mkon"><svg viewBox="0 0 24 24" role="presentation" class="chakra-select__icon" focusable="false" aria-hidden="true" ><path fill="currentColor" d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg></div></div></div></div></form></div><footer class="chakra-modal__footer css-192qrng"><div role="group" class="chakra-button__group css-1ind3v2" data-orientation="horizontal"><button type="button" class="chakra-button css-kn8t1u">close</button><button type="submit" class="chakra-button css-kn8t1u" form="123456">addAccount</button></div></footer></section></div></div><div data-focus-guard="true" tabindex="0" ></div></div></body>"`;