update snapshots due to tailwind v3/v4 differences

rerpha · rerpha · commit 68596620ad7b · 2025-07-24T13:24:54.000+01:00
diff --git a/app/__snapshots__/Footer.test.tsx.snap b/app/__snapshots__/Footer.test.tsx.snap
@@ -1,12 +1,12 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`renders footer unchanged 1`] = `
 <div>
   <footer
     class="bg-white dark:bg-zinc-900  "
   >
     <div
-      class="max-w-screen-xl p-4 mx-auto space-y-8 overflow-hidden sm:px-6 lg:px-8 w-full flex flex-col justify-center items-center "
+      class="max-w-(--breakpoint-xl) p-4 mx-auto space-y-8 overflow-hidden sm:px-6 lg:px-8 w-full flex flex-col justify-center items-center "
     >
       <nav
         class="flex flex-wrap justify-center -mx-5 -my-2"
@@ -31,7 +31,7 @@ exports[`renders footer unchanged 1`] = `
           Beam status
         </a>
         <a
-          class="block py-2 px-3 rounded text-black dark:text-white hover:text-white hover:bg-zinc-800"
+          class="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800"
           href="https://github.com/ISISComputingGroup/WebDashboard"
         >
           <svg
diff --git a/app/__snapshots__/Navbar.test.tsx.snap b/app/__snapshots__/Navbar.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`renders navbar unchanged 1`] = `
 <div>
@@ -32,26 +32,26 @@ exports[`renders navbar unchanged 1`] = `
       class="md:flex hidden gap-2"
     >
       <a
-        class="block py-2 px-3 rounded text-black dark:text-white hover:text-white hover:bg-zinc-800"
+        class="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800"
         href="/"
       >
         Home
       </a>
       <a
-        class="block py-2 px-3 rounded text-black dark:text-white hover:text-white hover:bg-zinc-800"
+        class="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800"
         href="/instruments"
       >
         Instrument Status
       </a>
       <a
-        class="block py-2 px-3 rounded text-black dark:text-white hover:text-white hover:bg-zinc-800"
+        class="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800"
         href="https://www.isis.stfc.ac.uk/Pages/Beam-Status.aspx"
         target="_blank"
       >
         Beam status
       </a>
       <a
-        class="block py-2 px-3 rounded text-black dark:text-white hover:text-white hover:bg-zinc-800"
+        class="block py-2 px-3 rounded-sm text-black dark:text-white hover:text-white hover:bg-zinc-800"
         href="https://github.com/ISISComputingGroup/WebDashboard"
       >
         <svg
diff --git a/app/__snapshots__/page.test.tsx.snap b/app/__snapshots__/page.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`renders main page unchanged 1`] = `
 <div>
@@ -22,7 +22,7 @@ exports[`renders main page unchanged 1`] = `
             </h1>
              
             <h1
-              class="block w-full mt-2 py-2 text-transparent bg-clip-text leading-12 bg-gradient-to-r from-green-400 to-purple-500 lg:inline"
+              class="block w-full mt-2 py-2 text-transparent bg-clip-text leading-12 bg-linear-to-r from-green-400 to-purple-500 lg:inline"
             >
               Web Dashboard
             </h1>
@@ -35,10 +35,10 @@ exports[`renders main page unchanged 1`] = `
               class="relative inline-flex  group"
             >
               <div
-                class="absolute transition-all duration-1000 opacity-70 -inset-px bg-gradient-to-r from-[#44BCFF] via-[#FF44EC] to-[#FF675E] rounded-xl blur-lg group-hover:opacity-100 group-hover:-inset-1 group-hover:duration-200 animate-tilt"
+                class="absolute transition-all duration-1000 opacity-70 -inset-px bg-linear-to-r from-[#44BCFF] via-[#FF44EC] to-[#FF675E] rounded-xl blur-lg group-hover:opacity-100 group-hover:-inset-1 group-hover:duration-200 animate-tilt"
               />
               <a
-                class="relative inline-flex gap-4 items-center justify-center px-8 py-4 text-lg font-bold text-gray-900 dark:text-white transition-all duration-200 bg-white dark:bg-gray-900 font-pj rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-300 dark:focus:ring-gray-900"
+                class="relative inline-flex gap-4 items-center justify-center px-8 py-4 text-lg font-bold text-gray-900 dark:text-white transition-all duration-200 bg-white dark:bg-gray-900 font-pj rounded-xl focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-gray-300 dark:focus:ring-gray-900"
                 href="/instruments"
                 role="button"
                 target="_self"
diff --git a/app/components/__snapshots__/InstrumentWallCard.test.tsx.snap b/app/components/__snapshots__/InstrumentWallCard.test.tsx.snap
@@ -1,12 +1,12 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`renders instrumentwallcard unchanged 1`] = `
 <div>
   <div
     class="flex"
   >
     <a
-      class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+      class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#90EE90] text-black"
       href="/instrument?name=Instrument"
     >
@@ -35,7 +35,7 @@ exports[`renders instrumentwallcard unchanged when runstate is unknown 1`] = `
     class="flex"
   >
     <a
-      class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+      class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#F08080] text-black"
       href="/instrument?name=Instrument1"
     >
diff --git a/app/components/__snapshots__/ScienceGroup.test.tsx.snap b/app/components/__snapshots__/ScienceGroup.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`renders sciencegroup unchanged 1`] = `
 <div>
@@ -17,7 +17,7 @@ exports[`renders sciencegroup unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#90EE90] text-black"
           href="/instrument?name=Instrument"
         >
@@ -41,7 +41,7 @@ exports[`renders sciencegroup unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#DAA520] text-black"
           href="/instrument?name=Instrument2"
         >
diff --git a/app/components/__snapshots__/TargetStation.test.tsx.snap b/app/components/__snapshots__/TargetStation.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`renders targetstation unchanged 1`] = `
 <div>
@@ -19,7 +19,7 @@ exports[`renders targetstation unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-green-900 text-white"
           href="/instrument?name=Instrument"
         >
@@ -43,7 +43,7 @@ exports[`renders targetstation unchanged 1`] = `
         class="flex"
       >
         <a
-          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
+          class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200
       bg-[#FFFF00] text-black"
           href="/instrument?name=Instrument2"
         >
diff --git a/app/components/__snapshots__/TopBar.test.ts.snap b/app/components/__snapshots__/TopBar.test.ts.snap

Original file line number	Diff line number	Diff line change
`@@ -1,12 +1,12 @@`
`1`		`-// Jest Snapshot v1, https://goo.gl/fbAQLP`
	`1`	`+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing`
`2`	`2`
`3`	`3`	exports[`renders instrumentwallcard unchanged 1`] = `
`4`	`4`	`<div>`
`5`	`5`	`<div`
`6`	`6`	`class="flex"`
`7`	`7`	`>`
`8`	`8`	`<a`
`9`		`- class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
	`9`	`+ class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
`10`	`10`	`bg-[#90EE90] text-black"`
`11`	`11`	`href="/instrument?name=Instrument"`
`12`	`12`	`>`
@@ -35,7 +35,7 @@ exports[`renders instrumentwallcard unchanged when runstate is unknown 1`] = `
`35`	`35`	`class="flex"`
`36`	`36`	`>`
`37`	`37`	`<a`
`38`		`- class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
	`38`	`+ class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
`39`	`39`	`bg-[#F08080] text-black"`
`40`	`40`	`href="/instrument?name=Instrument1"`
`41`	`41`	`>`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-// Jest Snapshot v1, https://goo.gl/fbAQLP`
	`1`	`+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing`
`2`	`2`
`3`	`3`	exports[`renders sciencegroup unchanged 1`] = `
`4`	`4`	`<div>`
@@ -17,7 +17,7 @@ exports[`renders sciencegroup unchanged 1`] = `
`17`	`17`	`class="flex"`
`18`	`18`	`>`
`19`	`19`	`<a`
`20`		`- class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
	`20`	`+ class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
`21`	`21`	`bg-[#90EE90] text-black"`
`22`	`22`	`href="/instrument?name=Instrument"`
`23`	`23`	`>`
@@ -41,7 +41,7 @@ exports[`renders sciencegroup unchanged 1`] = `
`41`	`41`	`class="flex"`
`42`	`42`	`>`
`43`	`43`	`<a`
`44`		`- class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-sm border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
	`44`	`+ class="flex items-center justify-center text-center py-1 w-28 max-h-12 rounded-lg shadow-xs border-2 border-gray-700 dark:border-gray-200 hover:shadow-lg hover:border-black dark:hover:border-gray-700 transition-all duration-200`
`45`	`45`	`bg-[#DAA520] text-black"`
`46`	`46`	`href="/instrument?name=Instrument2"`
`47`	`47`	`>`