egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: updates
All checks were successful
Deploy to Staging / Build Images (pull_request) Successful in 3m49s
Details
Deploy to Staging / Deploy to Staging (pull_request) Successful in 29s
Details
Deploy to Staging / Verify Staging (pull_request) Successful in 7s
Details
Deploy to Staging / Notify Staging Ready (pull_request) Successful in 6s
Details
Deploy to Staging / Notify Staging Failure (pull_request) Has been skipped
Details

Browse Source
This commit is contained in:
Eric Gullickson
2026-01-17 22:27:17 -06:00
parent 574acf3e87
commit 444abf2255
9 changed files with 1796 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
frontend/src/features/admin/__tests__/components/__snapshots__/AdminSectionHeader.test.tsx.snap Normal file
View File

@@ -0,0 +1,146 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AdminSectionHeader should format large numbers with locale 1`] = `
<div>
<div
class="MuiBox-root css-1yjvs5a"
>
<h1
class="MuiTypography-root MuiTypography-h4 css-1w5hg5f-MuiTypography-root"
>
Station Management
</h1>
<div
class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-11nsb57-MuiGrid-root"
>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<p
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
>
Total Stations
</p>
<div
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
>
10,000
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`AdminSectionHeader should render with empty stats 1`] = `
<div>
<div
class="MuiBox-root css-1yjvs5a"
>
<h1
class="MuiTypography-root MuiTypography-h4 css-1w5hg5f-MuiTypography-root"
>
Admin Users
</h1>
<div
class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-11nsb57-MuiGrid-root"
/>
</div>
</div>
`;
exports[`AdminSectionHeader should render with title and stats 1`] = `
<div>
<div
class="MuiBox-root css-1yjvs5a"
>
<h1
class="MuiTypography-root MuiTypography-h4 css-1w5hg5f-MuiTypography-root"
>
Vehicle Catalog
</h1>
<div
class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-11nsb57-MuiGrid-root"
>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<p
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
>
Makes
</p>
<div
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
>
100
</div>
</div>
</div>
</div>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<p
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
>
Models
</p>
<div
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
>
500
</div>
</div>
</div>
</div>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<p
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
>
Years
</p>
<div
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
>
20
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;

516
frontend/src/features/admin/__tests__/components/__snapshots__/AdminSkeleton.test.tsx.snap Normal file
View File

@@ -0,0 +1,516 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AdminSkeleton SkeletonCard should render default number of cards 1`] = `
<div>
<div
class="MuiBox-root css-0"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<div
class="MuiBox-root css-gdel2o"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 70%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 50%; height: 20px;"
/>
</div>
</div>
<div
class="MuiBox-root css-1i27l4i"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
</div>
</div>
</div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<div
class="MuiBox-root css-gdel2o"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 70%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 50%; height: 20px;"
/>
</div>
</div>
<div
class="MuiBox-root css-1i27l4i"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
</div>
</div>
</div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<div
class="MuiBox-root css-gdel2o"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 70%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 50%; height: 20px;"
/>
</div>
</div>
<div
class="MuiBox-root css-1i27l4i"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
</div>
</div>
</div>
</div>
</div>
`;
exports[`AdminSkeleton SkeletonCard should render specified number of cards 1`] = `
<div>
<div
class="MuiBox-root css-0"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<div
class="MuiBox-root css-gdel2o"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 70%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 50%; height: 20px;"
/>
</div>
</div>
<div
class="MuiBox-root css-1i27l4i"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
</div>
</div>
</div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<div
class="MuiBox-root css-gdel2o"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 70%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 50%; height: 20px;"
/>
</div>
</div>
<div
class="MuiBox-root css-1i27l4i"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
</div>
</div>
</div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<div
class="MuiBox-root css-gdel2o"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 70%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 50%; height: 20px;"
/>
</div>
</div>
<div
class="MuiBox-root css-1i27l4i"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
</div>
</div>
</div>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
>
<div
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
>
<div
class="MuiBox-root css-gdel2o"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 70%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 50%; height: 20px;"
/>
</div>
</div>
<div
class="MuiBox-root css-1i27l4i"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 36px;"
/>
</div>
</div>
</div>
</div>
</div>
`;
exports[`AdminSkeleton SkeletonRow should render default number of rows 1`] = `
<div>
<div
class="MuiBox-root css-19midj6"
>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
</div>
</div>
`;
exports[`AdminSkeleton SkeletonRow should render specified number of rows 1`] = `
<div>
<div
class="MuiBox-root css-19midj6"
>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
<div
class="MuiBox-root css-6msto9"
>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 40px; height: 40px;"
/>
<div
class="MuiBox-root css-1rr4qq7"
>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 60%; height: 24px;"
/>
<span
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
style="width: 40%; height: 20px;"
/>
</div>
<span
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
style="width: 80px; height: 32px;"
/>
</div>
</div>
</div>
`;

7
frontend/src/features/admin/__tests__/components/__snapshots__/BulkActionDialog.test.tsx.snap Normal file
View File

@@ -0,0 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`BulkActionDialog should render dialog when open 1`] = `
<div
aria-hidden="true"
/>
`;

48
frontend/src/features/admin/__tests__/components/__snapshots__/EmptyState.test.tsx.snap Normal file
View File

@@ -0,0 +1,48 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`EmptyState should render with icon 1`] = `
<div>
<div
class="MuiBox-root css-fewm7m"
>
<div
class="MuiBox-root css-z354a3"
>
<div
data-testid="test-icon"
>
Icon
</div>
</div>
<h2
class="MuiTypography-root MuiTypography-h6 css-z9yyq-MuiTypography-root"
>
Empty
</h2>
<p
class="MuiTypography-root MuiTypography-body2 css-kvgvx0-MuiTypography-root"
>
No items found
</p>
</div>
</div>
`;
exports[`EmptyState should render with title and description 1`] = `
<div>
<div
class="MuiBox-root css-fewm7m"
>
<h2
class="MuiTypography-root MuiTypography-h6 css-z9yyq-MuiTypography-root"
>
No Data
</h2>
<p
class="MuiTypography-root MuiTypography-body2 css-kvgvx0-MuiTypography-root"
>
Start by adding your first item
</p>
</div>
</div>
`;

45
frontend/src/features/admin/__tests__/components/__snapshots__/ErrorState.test.tsx.snap Normal file
View File

@@ -0,0 +1,45 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ErrorState should render error message 1`] = `
<div>
<div
class="MuiBox-root css-rw8vhf"
>
<div
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorError MuiAlert-standardError MuiAlert-standard css-1c9x2ae-MuiPaper-root-MuiAlert-root"
role="alert"
style="--Paper-shadow: none;"
>
<div
class="MuiAlert-icon css-vab54s-MuiAlert-icon"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1ckov0h-MuiSvgIcon-root"
data-testid="ErrorOutlineIcon"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
/>
</svg>
</div>
<div
class="MuiAlert-message css-zioonp-MuiAlert-message"
>
<p
class="MuiTypography-root MuiTypography-body1 css-1s58en-MuiTypography-root"
>
An error occurred
</p>
<p
class="MuiTypography-root MuiTypography-body2 css-7ctihp-MuiTypography-root"
>
Failed to load data
</p>
</div>
</div>
</div>
</div>
`;

59
frontend/src/features/admin/__tests__/components/__snapshots__/SelectionToolbar.test.tsx.snap Normal file
View File

@@ -0,0 +1,59 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`SelectionToolbar should render custom action buttons 1`] = `
<div>
<div
class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-13zxrvn-MuiToolbar-root"
>
<div
class="MuiTypography-root MuiTypography-subtitle1 css-1yjrzp0-MuiTypography-root"
>
Selected:
3
</div>
<div
class="MuiBox-root css-1x99n9k"
>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-1bumsy-MuiButtonBase-root-MuiButton-root"
tabindex="0"
type="button"
>
Clear
</button>
<button>
Delete
</button>
<button>
Export
</button>
</div>
</div>
</div>
`;
exports[`SelectionToolbar should render when items are selected 1`] = `
<div>
<div
class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-13zxrvn-MuiToolbar-root"
>
<div
class="MuiTypography-root MuiTypography-subtitle1 css-1yjrzp0-MuiTypography-root"
>
Selected:
3
</div>
<div
class="MuiBox-root css-1x99n9k"
>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-1bumsy-MuiButtonBase-root-MuiButton-root"
tabindex="0"
type="button"
>
Clear
</button>
</div>
</div>
</div>
`;