Error: Snapshot `IntegerControlRenderer.vue > should render component and match snapshot 1` mismatched - Expected + Received @@ -19,36 +19,35 @@ </transition-stub> <!----> </div> </div> <!----> - <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input"> + <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="false" for="#6-input"> <!---->My Integer - </label><label class="v-label v-field-label" for="#6-input"> + </label><label class="v-label v-field-label" id="#6-input-label" aria-hidden="true"> <!---->My Integer </label> - <!----><input placeholder="integer placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" inputmode="decimal" class="v-field__input" value="1"> + <!----><input placeholder="integer placeholder" size="1" type="text" aria-labelledby="#6-input-label" id="#6-input" aria-describedby="#6-input-messages" inputmode="decimal" class="v-field__input" value="1"> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Integer"></i></div> </transition-stub> <div class="v-field__append-inner"> <!----> - <hr class="v-divider v-divider--vertical v-theme--light" aria-orientation="vertical" role="separator"> - <div class="v-number-input__control"><button type="button" class="v-btn v-btn--flat v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-elevated" style="height: 100%;" tabindex="-1" aria-hidden="true" data-testid="decrement"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span> + <hr class="v-divider v-divider--vertical v-theme--light" style="border-style: solid;" aria-orientation="vertical" role="separator"> + <div class="v-number-input__control"><button type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text" style="height: 100%;" tabindex="-1" aria-hidden="true" data-testid="decrement"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span> <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-chevron-down mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span> <!----> <!----> </button> - <hr class="v-divider v-divider--vertical v-theme--light" aria-orientation="vertical" role="separator"><button type="button" class="v-btn v-btn--flat v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-elevated" style="height: 100%;" tabindex="-1" aria-hidden="true" data-testid="increment"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span> + <hr class="v-divider v-divider--vertical v-theme--light" style="border-style: solid;" aria-orientation="vertical" role="separator"><button type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default v-btn--size-small v-btn--variant-text" style="height: 100%;" tabindex="-1" aria-hidden="true" data-testid="increment"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span> <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-chevron-up mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span> <!----> <!---->

Error: Snapshot `EnumControlRenderer.vue > should render component and match snapshot when clicked 1` mismatched - Expected + Received @@ -2,11 +2,11 @@ <div class="v-application__wrap"> <div class="control" id="#5"> <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected input"> <!----> <div class="v-input__control"> - <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="v-menu-v-2"> + <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="menu-v-1" aria-owns="menu-v-1"> <div class="v-field__overlay"></div> <div class="v-field__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> @@ -19,20 +19,23 @@ </transition-stub> <!----> </div> </div> <!----> - <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#5-input"> + <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="false" for="#5-input"> <!---->My Enum - </label><label class="v-label v-field-label" for="#5-input"> + </label><label class="v-label v-field-label" id="#5-input-label" aria-hidden="true"> <!---->My Enum </label> <!----> - <div class="v-field__input" data-no-activator=""> + <div class="v-field__input" data-no-activator=""><select hidden=""> + <option selected="" value="a"></option> + <option value="b"></option> + </select> <!----> <!----> - <div class="v-select__selection"><span class="v-select__selection-text">a<!----></span></div><input size="1" type="text" id="#5-input" aria-describedby="#5-input-messages" inputmode="none" aria-label="Open" title="Open" value="a"> + <div class="v-select__selection"><span class="v-select__selection-text">a<!----></span></div><input size="1" role="combobox" type="text" aria-labelledby="#5-input-label" id="#5-input" aria-describedby="#5-input-messages" inputmode="none" aria-expanded="false" aria-controls="menu-v-1" value="a"> </div> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Enum"></i></div> ❯ tests/unit/controls/EnumControlRenderer.spec.ts:62:28

Error: Snapshot `EnumControlRenderer.vue > should render component and match snapshot 1` mismatched - Expected + Received @@ -2,11 +2,11 @@ <div class="v-application__wrap"> <div class="control" id="#4"> <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected input"> <!----> <div class="v-input__control"> - <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="v-menu-v-2"> + <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="menu-v-1" aria-owns="menu-v-1"> <div class="v-field__overlay"></div> <div class="v-field__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> @@ -19,20 +19,23 @@ </transition-stub> <!----> </div> </div> <!----> - <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#4-input"> + <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="false" for="#4-input"> <!---->My Enum - </label><label class="v-label v-field-label" for="#4-input"> + </label><label class="v-label v-field-label" id="#4-input-label" aria-hidden="true"> <!---->My Enum </label> <!----> - <div class="v-field__input" data-no-activator=""> + <div class="v-field__input" data-no-activator=""><select hidden=""> + <option selected="" value="a"></option> + <option value="b"></option> + </select> <!----> <!----> - <div class="v-select__selection"><span class="v-select__selection-text">a<!----></span></div><input size="1" type="text" id="#4-input" aria-describedby="#4-input-messages" inputmode="none" aria-label="Open" title="Open" value="a"> + <div class="v-select__selection"><span class="v-select__selection-text">a<!----></span></div><input size="1" role="combobox" type="text" aria-labelledby="#4-input-label" id="#4-input" aria-describedby="#4-input-messages" inputmode="none" aria-expanded="false" aria-controls="menu-v-1" value="a"> </div> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Enum"></i></div> ❯ tests/unit/controls/EnumControlRenderer.spec.ts:56:28

Error: Snapshot `DateTimeControlRenderer.vue > should render component and match snapshot when clicked 1` mismatched - Expected + Received @@ -18,27 +18,25 @@ </div> </transition-stub> <!----> </div> </div> - <div class="v-field__prepend-inner"> - <!----><i data-v-bc5e61db="" class="mdi-calendar-clock mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-2"></i> + <div class="v-field__prepend-inner"><i data-v-bc5e61db="" class="mdi-calendar-clock mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-3" aria-owns="v-menu-v-3"></i> <!----> </div> - <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#7-input"> + <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="false" for="#7-input"> <!---->My Date Time - </label><label class="v-label v-field-label" for="#7-input"> + </label><label class="v-label v-field-label" id="#7-input-label" aria-hidden="true"> <!---->My Date Time </label> - <!----><input placeholder="date-time placeholder" size="1" type="text" id="#7-input" aria-describedby="#7-input-messages" class="v-field__input" value="2021-03-09T21:54" data-maska-value="2021-03-09T21:54"> + <!----><input placeholder="date-time placeholder" size="1" type="text" aria-labelledby="#7-input-label" id="#7-input" aria-describedby="#7-input-messages" class="v-field__input" value="2021-03-09T21:54" data-maska-value="2021-03-09T21:54"> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date Time"></i></div> </transition-stub> <div class="v-field__append-inner"> - <!----> <!----> </div> <div class="v-field__outline"> <!----> <!----> ❯ tests/unit/controls/DateTimeControlRenderer.spec.ts:64:28

Error: Snapshot `DateTimeControlRenderer.vue > should render component and match snapshot 1` mismatched - Expected + Received @@ -18,27 +18,25 @@ </div> </transition-stub> <!----> </div> </div> - <div class="v-field__prepend-inner"> - <!----><i data-v-bc5e61db="" class="mdi-calendar-clock mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-2"></i> + <div class="v-field__prepend-inner"><i data-v-bc5e61db="" class="mdi-calendar-clock mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-3" aria-owns="v-menu-v-3"></i> <!----> </div> - <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input"> + <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="false" for="#6-input"> <!---->My Date Time - </label><label class="v-label v-field-label" for="#6-input"> + </label><label class="v-label v-field-label" id="#6-input-label" aria-hidden="true"> <!---->My Date Time </label> - <!----><input placeholder="date-time placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input" value="2021-03-09T21:54" data-maska-value="2021-03-09T21:54"> + <!----><input placeholder="date-time placeholder" size="1" type="text" aria-labelledby="#6-input-label" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input" value="2021-03-09T21:54" data-maska-value="2021-03-09T21:54"> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date Time"></i></div> </transition-stub> <div class="v-field__append-inner"> - <!----> <!----> </div> <div class="v-field__outline"> <!----> <!----> ❯ tests/unit/controls/DateTimeControlRenderer.spec.ts:58:28

Error: Snapshot `DateControlRenderer.vue > should render component and match snapshot when clicked 1` mismatched - Expected + Received @@ -18,27 +18,25 @@ </div> </transition-stub> <!----> </div> </div> - <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-2"> - <!----><i class="mdi-calendar mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-2"></i> + <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-3" aria-owns="v-menu-v-3"><i class="mdi-calendar mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-3" aria-owns="v-menu-v-3"></i> <!----> </div> - <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#7-input"> + <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="false" for="#7-input"> <!---->My Date - </label><label class="v-label v-field-label" for="#7-input"> + </label><label class="v-label v-field-label" id="#7-input-label" aria-hidden="true"> <!---->My Date </label> - <!----><input placeholder="date placeholder" size="1" type="text" id="#7-input" aria-describedby="#7-input-messages" class="v-field__input" value="03/09/2021" data-maska-value="03/09/2021"> + <!----><input placeholder="date placeholder" size="1" type="text" aria-labelledby="#7-input-label" id="#7-input" aria-describedby="#7-input-messages" class="v-field__input" value="03/09/2021" data-maska-value="03/09/2021"> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date"></i></div> </transition-stub> <div class="v-field__append-inner"> - <!----> <!----> </div> <div class="v-field__outline"> <!----> <!----> ❯ tests/unit/controls/DateControlRenderer.spec.ts:65:28

Error: Snapshot `DateControlRenderer.vue > should render component and match snapshot 1` mismatched - Expected + Received @@ -18,27 +18,25 @@ </div> </transition-stub> <!----> </div> </div> - <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-2"> - <!----><i class="mdi-calendar mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-2"></i> + <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-3" aria-owns="v-menu-v-3"><i class="mdi-calendar mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-controls="v-menu-v-3" aria-owns="v-menu-v-3"></i> <!----> </div> - <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input"> + <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="false" for="#6-input"> <!---->My Date - </label><label class="v-label v-field-label" for="#6-input"> + </label><label class="v-label v-field-label" id="#6-input-label" aria-hidden="true"> <!---->My Date </label> - <!----><input placeholder="date placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input" value="03/09/2021" data-maska-value="03/09/2021"> + <!----><input placeholder="date placeholder" size="1" type="text" aria-labelledby="#6-input-label" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input" value="03/09/2021" data-maska-value="03/09/2021"> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date"></i></div> </transition-stub> <div class="v-field__append-inner"> - <!----> <!----> </div> <div class="v-field__outline"> <!----> <!----> ❯ tests/unit/controls/DateControlRenderer.spec.ts:59:28

Error: Snapshot `OneOfRenderer.vue > should render component and match snapshot 1` mismatched - Expected + Received @@ -3,11 +3,11 @@ <div> <!--v-if--> <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--error v-input--dirty v-text-field v-select v-select--single v-select--selected input"> <!----> <div class="v-input__control"> - <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--error v-field--no-label v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="v-menu-v-2"> + <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--error v-field--no-label v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="menu-v-1" aria-owns="menu-v-1"> <div class="v-field__overlay"></div> <div class="v-field__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 bg-error"></div> @@ -24,14 +24,17 @@ <!----> <div class="v-field__field" data-no-activator=""> <!----> <!----> <!----> - <div class="v-field__input" data-no-activator=""> + <div class="v-field__input" data-no-activator=""><select hidden=""> + <option selected="" value="0"></option> + <option value="1"></option> + </select> <!----> <!----> - <div class="v-select__selection"><span class="v-select__selection-text">oneOf-0<!----></span></div><input size="1" type="text" id="#3-input" aria-describedby="#3-input-messages" inputmode="none" aria-label="Open" title="Open" value="0"> + <div class="v-select__selection"><span class="v-select__selection-text">oneOf-0<!----></span></div><input size="1" role="combobox" type="text" aria-labelledby="#3-input-label" id="#3-input" aria-describedby="#3-input-messages" inputmode="none" aria-expanded="false" aria-controls="menu-v-1" value="oneOf-0"> </div> <!----> </div> <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true"> <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear "></i></div> ❯ tests/unit/complex/OneOfRenderer.spec.ts:78:28

Error: Snapshot `ArrayControlRenderer.vue > should render component and match snapshot 1` mismatched - Expected + Received @@ -17,11 +17,11 @@ </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"> + <header data-v-4896f876="" class="v-toolbar v-toolbar--collapse-start 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-toolbar-title array-list-label"> ❯ tests/unit/complex/ArrayControlRenderer.spec.ts:54:28

Error: Snapshot `ListWithDetailRenderer.vue > should render component and match snapshot 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ "<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-7e93fcc2="" class="v-container v-locale--is-ltr list-with-detail" fill-height=""> <div data-v-7e93fcc2="" class="v-row"> <div data-v-7e93fcc2="" class="v-col pa-0"> - <header data-v-7e93fcc2="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr list-with-detail-toolbar"> + <header data-v-7e93fcc2="" class="v-toolbar v-toolbar--collapse-start v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr list-with-detail-toolbar"> <!----> <div class="v-toolbar__content" style="height: 64px;"> <!----> <!----> <div data-v-7e93fcc2="" class="v-toolbar-title list-with-detail-label"> ❯ tests/unit/additional/ListWithDetailRenderer.spec.ts:55:28