refactor: Improve spacing behavior for nested layouts with conditional visibility #2533
Annotations
4 errors
|
Test
Process completed with exit code 130.
|
|
Test:
packages/vue-vuetify/tests/unit/layout/ArrayLayoutRenderer.spec.ts#L55
Error: Snapshot `ArrayLayoutRenderer.vue > should render component and match snapshot 1` mismatched
- Expected
+ Received
"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
<div class="v-application__wrap">
- <div data-v-5f91636e="" class="v-card v-theme--light v-card--density-default v-card--variant-elevated array-list">
- <!---->
- <div class="v-card__loader">
- <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
- <!---->
- <div class="v-progress-linear__background"></div>
- <div class="v-progress-linear__buffer" style="width: 0%;"></div>
- <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
- <div class="v-progress-linear__indeterminate">
- <div class="v-progress-linear__indeterminate long"></div>
- <div class="v-progress-linear__indeterminate short"></div>
+ <div data-v-5f91636e="" class="v-expansion-panels v-expansion-panels--flat v-theme--light v-expansion-panels--variant-default array-list">
+ <div data-v-5f91636e="" class="v-expansion-panel v-expansion-panel--active">
+ <div class="v-expansion-panel__shadow"></div>
+ <!---->
+ <!----><button data-v-5f91636e="" class="v-expansion-panel-title v-expansion-panel-title--active pa-0 array-list-title" type="button" aria-expanded="true"><span class="v-expansion-panel-title__overlay"></span>
+ <header data-v-5f91636e="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
+ <!---->
+ <div class="v-toolbar__content" style="height: 64px;">
+ <!---->
+ <!---->
+ <div data-v-5f91636e="" class="v-toolbar-title array-list-label">
+ <div class="v-toolbar-title__placeholder">
+ <!---->
+ </div>
+ </div>
+ <div data-v-5f91636e="" class="v-spacer"></div>
+ <div data-v-5f91636e="" class="d-flex ga-1 align-center">
+ <!--v-if--><button data-v-5f91636e="" type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default elevation-0 v-btn--size-default v-btn--variant-text array-list-add" small="" aria-label="MyAdd" aria-describedby="v-tooltip-v-1"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
+ <!----><span class="v-btn__content" data-no-activator=""><i data-v-5f91636e="" class="mdi-plus mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
+ <!---->
+ <!---->
+ </button>
+ <!--teleport start-->
+ <!--teleport end--><button data-v-5f91636e="" type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text" small=""><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
+ <!----><span class="v-btn__content" data-no-activator=""><i data-v-5f91636e="" class="mdi-chevron-up mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
+ <!---->
+ <!---->
+ </button>
+ </div>
+ <!---->
</div>
- </transition-stub>
- <!---->
- </div>
- </div>
- <!---->
- <!---->
- <div data-v-5f91636e="" class="v-card-title array-list-title">
- <header data-v-5f91636e="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
+ <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+ <!---->
+ </transition-stub>
+ </header>
|
|
Test:
packages/vue-vuetify/tests/unit/complex/OneOfRenderer.spec.ts#L78
Error: Snapshot `OneOfRenderer.vue > should render component and match snapshot 1` mismatched
- Expected
+ Received
@@ -52,11 +52,11 @@
<div class="v-messages__message">must be object</div>
</transition-group-stub>
<!---->
</div>
</div>
- <div renderers="[object Object]" cells="" schema="[object Object]" uischema="[object Object]" path="" enabled="true" config="[object Object]">No applicable renderer found.</div>
+ <div style="color: red;" renderers="[object Object]" cells="" schema="[object Object]" uischema="[object Object]" path="" enabled="true" config="[object Object]">No applicable renderer found.</div>
<!---->
<!---->
</div>
</div>
</div>"
❯ tests/unit/complex/OneOfRenderer.spec.ts:78:28
|
|
Test:
packages/vue-vuetify/tests/unit/complex/ArrayControlRenderer.spec.ts#L54
Error: Snapshot `ArrayControlRenderer.vue > should render component and match snapshot 1` mismatched
- Expected
+ Received
"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
<div class="v-application__wrap">
- <div data-v-4896f876="" class="v-card v-theme--light v-card--density-default elevation-0 v-card--variant-elevated array-list">
- <!---->
- <div class="v-card__loader">
- <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
- <!---->
- <div class="v-progress-linear__background"></div>
- <div class="v-progress-linear__buffer" style="width: 0%;"></div>
- <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
- <div class="v-progress-linear__indeterminate">
- <div class="v-progress-linear__indeterminate long"></div>
- <div class="v-progress-linear__indeterminate short"></div>
- </div>
- </transition-stub>
- <!---->
- </div>
- </div>
- <!---->
- <!---->
- <div data-v-4896f876="" class="v-card-title array-list-title">
- <header data-v-4896f876="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
- <!---->
- <div class="v-toolbar__content" style="height: 64px;">
+ <div data-v-4896f876="" class="v-expansion-panels v-expansion-panels--flat v-theme--light v-expansion-panels--variant-default array-list">
+ <div data-v-4896f876="" class="v-expansion-panel v-expansion-panel--active">
+ <div class="v-expansion-panel__shadow"></div>
+ <!---->
+ <!----><button data-v-4896f876="" class="v-expansion-panel-title v-expansion-panel-title--active pa-0 array-list-title" type="button" aria-expanded="true"><span class="v-expansion-panel-title__overlay"></span>
+ <header data-v-4896f876="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
<!---->
- <!---->
- <div data-v-4896f876="" class="v-toolbar-title array-list-label">
- <div class="v-toolbar-title__placeholder">
- <!---->
+ <div class="v-toolbar__content" style="height: 64px;">
+ <!---->
+ <!---->
+ <div data-v-4896f876="" class="v-toolbar-title array-list-label">
+ <div class="v-toolbar-title__placeholder">
+ <!---->
+ </div>
+ </div>
+ <div data-v-4896f876="" class="v-spacer"></div>
+ <div data-v-4896f876="" class="d-flex ga-1 align-center">
+ <!--v-if--><button data-v-4896f876="" type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default elevation-0 v-btn--size-default v-btn--variant-text array-list-add" small="" aria-label="MyAdd" aria-describedby="v-tooltip-v-1"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
+ <!----><span class="v-btn__content" data-no-activator=""><i data-v-4896f876="" class="mdi-plus mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
+ <!---->
+ <!---->
+ </button>
+ <!--teleport start-->
+ <!--teleport end--><button data-v-4896f876="" type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-default v-btn--variant-text" small=""><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
+ <!----><span class="v-btn__content" data-no-activator=""><i data-v-4896f876="" class="mdi-chevron-up mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
+ <!---->
|
Loading