chore: fixed height rows in percy tests for field components (#17468)

Co-authored-by: Kael <kaelwd@gmail.com>
vuetifyjs · May 26, 2023 · 5a902fa · 5a902fa
1 parent c8df80a
commit 5a902fa
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/packages/vuetify/src/components/VAutocomplete/__tests__/VAutocomplete.spec.cy.tsx b/packages/vuetify/src/components/VAutocomplete/__tests__/VAutocomplete.spec.cy.tsx
@@ -24,7 +24,7 @@ const stories = Object.fromEntries(Object.entries({
   <div class="d-flex flex-column flex-grow-1">
     { variants.map(variant => (
       densities.map(density => (
-        <div class="d-flex" style="gap: 0.4rem">
+        <div class="d-flex align-start" style="gap: 0.4rem; height: 100px;">
           { cloneVNode(v, { variant, density }) }
           { cloneVNode(v, { variant, density, modelValue: ['California'] }) }
           { cloneVNode(v, { variant, density, chips: true, modelValue: ['California'] }) }

diff --git a/packages/vuetify/src/components/VCombobox/__tests__/VCombobox.spec.cy.tsx b/packages/vuetify/src/components/VCombobox/__tests__/VCombobox.spec.cy.tsx
@@ -24,7 +24,7 @@ const stories = Object.fromEntries(Object.entries({
   <div class="d-flex flex-column flex-grow-1">
     { variants.map(variant => (
       densities.map(density => (
-        <div class="d-flex" style="gap: 0.4rem">
+        <div class="d-flex align-start" style="gap: 0.4rem; height: 100px;">
           { cloneVNode(v, { variant, density }) }
           { cloneVNode(v, { variant, density, modelValue: ['California'] }) }
           { cloneVNode(v, { variant, density, chips: true, modelValue: ['California'] }) }

diff --git a/packages/vuetify/src/components/VFileInput/__tests__/VFileInput.spec.cy.tsx b/packages/vuetify/src/components/VFileInput/__tests__/VFileInput.spec.cy.tsx
@@ -26,7 +26,7 @@ const stories = Object.fromEntries(Object.entries({
   <div class="d-flex flex-column flex-grow-1">
     { variants.map(variant => (
       densities.map(density => (
-        <div class="d-flex" style="gap: 0.4rem">
+        <div class="d-flex align-start" style="gap: 0.4rem; height: 100px;">
           { cloneVNode(v, { variant, density }) }
           { cloneVNode(v, { variant, density, modelValue: [oneMBFile, twoMBFile] }) }
           { cloneVNode(v, { variant, density, chips: true, modelValue: [oneMBFile, twoMBFile] }) }

diff --git a/packages/vuetify/src/components/VSelect/__tests__/VSelect.spec.cy.tsx b/packages/vuetify/src/components/VSelect/__tests__/VSelect.spec.cy.tsx
@@ -25,7 +25,7 @@ const stories = Object.fromEntries(Object.entries({
   <div class="d-flex flex-column flex-grow-1">
     { variants.map(variant => (
       densities.map(density => (
-        <div class="d-flex" style="gap: 0.4rem">
+        <div class="d-flex align-start" style="gap: 0.4rem; height: 100px;">
           { cloneVNode(v, { variant, density }) }
           { cloneVNode(v, { variant, density, modelValue: ['California'] }) }
           { cloneVNode(v, { variant, density, chips: true, modelValue: ['California'] }) }

diff --git a/packages/vuetify/src/components/VTextField/__tests__/VTextField.spec.cy.tsx b/packages/vuetify/src/components/VTextField/__tests__/VTextField.spec.cy.tsx
@@ -20,7 +20,7 @@ const stories = Object.fromEntries(Object.entries({
   <div class="d-flex flex-column flex-grow-1">
     { variants.map(variant => (
       densities.map(density => (
-        <div class="d-flex" style="gap: 0.4rem">
+        <div class="d-flex align-start" style="gap: 0.4rem; height: 100px;">
           { cloneVNode(v, { variant, density }) }
           { cloneVNode(v, { variant, density, modelValue: 'Value' }) }
         </div>