tests: update tests and snapshots

Qovery · Feb 29, 2024 · 994c0fc · 994c0fc
1 parent 3d87239
commit 994c0fc
Show file tree

Hide file tree

Showing 30 changed files with 262 additions and 218 deletions.
diff --git a/...feature/src/lib/cluster-action-toolbar/__snapshots__/cluster-action-toolbar.spec.tsx.snap b/...feature/src/lib/cluster-action-toolbar/__snapshots__/cluster-action-toolbar.spec.tsx.snap
@@ -26,7 +26,7 @@ exports[`ClusterActionToolbar should match manage deployment snapshot 1`] = `
       aria-expanded="true"
       aria-haspopup="menu"
       aria-label="Manage Deployment"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="open"
@@ -49,7 +49,7 @@ exports[`ClusterActionToolbar should match manage deployment snapshot 1`] = `
       </div>
     </button>
     <button
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -62,7 +62,7 @@ exports[`ClusterActionToolbar should match manage deployment snapshot 1`] = `
       />
     </button>
     <button
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -78,7 +78,7 @@ exports[`ClusterActionToolbar should match manage deployment snapshot 1`] = `
       aria-expanded="false"
       aria-haspopup="menu"
       aria-label="Other actions"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -196,7 +196,7 @@ exports[`ClusterActionToolbar should match other actions snapshot 1`] = `
       aria-expanded="false"
       aria-haspopup="menu"
       aria-label="Manage Deployment"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -219,7 +219,7 @@ exports[`ClusterActionToolbar should match other actions snapshot 1`] = `
       </div>
     </button>
     <button
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -232,7 +232,7 @@ exports[`ClusterActionToolbar should match other actions snapshot 1`] = `
       />
     </button>
     <button
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -249,7 +249,7 @@ exports[`ClusterActionToolbar should match other actions snapshot 1`] = `
       aria-expanded="true"
       aria-haspopup="menu"
       aria-label="Other actions"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="open"

diff --git a/libs/domains/clusters/feature/src/lib/cluster-type/__snapshots__/cluster-type.spec.tsx.snap b/libs/domains/clusters/feature/src/lib/cluster-type/__snapshots__/cluster-type.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`ClusterType should render as EKS 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium border text-sm py-1 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium border text-xs h-7 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
       data-accent-color="neutral"
     >
       EKS
@@ -17,7 +17,7 @@ exports[`ClusterType should render as GCP 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium border text-sm py-1 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium border text-xs h-7 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
       data-accent-color="neutral"
     >
       GKE (Autopilot)
@@ -30,7 +30,7 @@ exports[`ClusterType should render as K3S 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium border text-sm py-1 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium border text-xs h-7 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
       data-accent-color="neutral"
     >
       EC2 (K3S)
@@ -43,7 +43,7 @@ exports[`ClusterType should render as SCW 1`] = `
 <body>
   <div>
     <span
-      class="inline-flex items-center shrink-0 font-medium border text-sm py-1 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
+      class="inline-flex items-center shrink-0 font-medium border text-xs h-7 px-2 rounded border-neutral-250 text-neutral-350 dark:border-neutral-350"
       data-accent-color="neutral"
     >
       Kapsule

diff --git a/...src/lib/environment-action-toolbar/__snapshots__/environment-action-toolbar.spec.tsx.snap b/...src/lib/environment-action-toolbar/__snapshots__/environment-action-toolbar.spec.tsx.snap
@@ -26,7 +26,7 @@ exports[`EnvironmentActionToolbar should match manage deployment snapshot 1`] =
       aria-expanded="true"
       aria-haspopup="menu"
       aria-label="Manage Deployment"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="open"
@@ -49,7 +49,7 @@ exports[`EnvironmentActionToolbar should match manage deployment snapshot 1`] =
       </div>
     </button>
     <button
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -65,7 +65,7 @@ exports[`EnvironmentActionToolbar should match manage deployment snapshot 1`] =
       aria-expanded="false"
       aria-haspopup="menu"
       aria-label="Other actions"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -201,7 +201,7 @@ exports[`EnvironmentActionToolbar should match other actions snapshot 1`] = `
       aria-expanded="false"
       aria-haspopup="menu"
       aria-label="Manage Deployment"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -224,7 +224,7 @@ exports[`EnvironmentActionToolbar should match other actions snapshot 1`] = `
       </div>
     </button>
     <button
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="closed"
@@ -241,7 +241,7 @@ exports[`EnvironmentActionToolbar should match other actions snapshot 1`] = `
       aria-expanded="true"
       aria-haspopup="menu"
       aria-label="Other actions"
-      class="inline-flex items-center shrink-0 font-medium transition h-8 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
+      class="inline-flex items-center shrink-0 font-medium transition shadow-sm disabled:shadow-none active:shadow-none h-9 px-3 border border-neutral-250 dark:border-neutral-350 dark:text-neutral-300 active:bg-neutral-150 disabled:text-neutral-300 disabled:bg-neutral-150 disabled:border-none bg-transparent first:rounded-l last:rounded-r first:border-x border-l-0 hover:[&:not(:active)]:border-neutral-250 text-neutral-350 hover:bg-neutral-150 hover:text-brand-400 data-[state=open]:bg-neutral-150 data-[state=open]:text-brand-400 text-2xs outline-0"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="open"