Error: Snapshot `DateRangePicker > should render date range with selected last 7 days by default 1` mismatched - Expected + Received @@ -44,12 +44,12 @@ <!----> </div> </div> </div> <!----> - <div class="v-input__details"> + <div aria-live="polite" class="v-input__details" id="input-0-messages" role="alert"> - <transition-group-stub appear="false" aria-live="polite" class="v-messages" css="true" id="input-0-messages" name="slide-y-transition" persisted="false" role="alert" tag="div"> + <transition-group-stub appear="false" class="v-messages" css="true" name="slide-y-transition" persisted="false" tag="div"> <!----> </transition-group-stub> <!----> </div> </div> ❯ __tests__/components/DateRangePicker.test.js:29:28

Error: Snapshot `DateRangePicker > should allow update selected date range 3` mismatched - Expected + Received @@ -6,11 +6,11 @@ <path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" /> </svg> </i> </div> <div class="v-input__control"> - <div aria-expanded="true" aria-haspopup="menu" aria-owns="v-menu-2" class="v-field v-field--active v-field--center-affix v-field--dirty v-field--no-label v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr"> + <div aria-controls="v-menu-2" aria-expanded="true" aria-haspopup="menu" class="v-field v-field--active v-field--center-affix v-field--dirty v-field--no-label v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr"> <div class="v-field__overlay"></div> <div class="v-field__loader"> <div aria-hidden="true" aria-valuemax="100" aria-valuemin="0" class="v-progress-linear v-theme--light v-locale--is-ltr" role="progressbar" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"> <!----> <div class="v-progress-linear__background"></div> @@ -45,12 +45,12 @@ <!----> </div> </div> </div> <!----> - <div class="v-input__details"> + <div aria-live="polite" class="v-input__details" id="input-0-messages" role="alert"> - <transition-group-stub appear="false" aria-live="polite" class="v-messages" css="true" id="input-0-messages" name="slide-y-transition" persisted="false" role="alert" tag="div"> + <transition-group-stub appear="false" class="v-messages" css="true" name="slide-y-transition" persisted="false" tag="div"> <!----> </transition-group-stub> <!----> </div> </div> ❯ __tests__/components/DateRangePicker.test.js:65:28

Error: Snapshot `MetricsDashboard > should display spinner when component is loading 1` mismatched - Expected + Received @@ -43,11 +43,11 @@ <path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" /> </svg> </i> </div> <div class="v-input__control"> - <div aria-expanded="false" aria-haspopup="menu" aria-owns="v-menu-3" class="v-field v-field--active v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr"> + <div aria-controls="v-menu-3" aria-expanded="false" aria-haspopup="menu" class="v-field v-field--active v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr"> <div class="v-field__overlay"></div> <div class="v-field__loader"> <div aria-hidden="true" aria-valuemax="100" aria-valuemin="0" class="v-progress-linear v-theme--light v-locale--is-ltr" role="progressbar" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"> <!----> <div class="v-progress-linear__background"></div> @@ -87,12 +87,12 @@ <!----> </div> </div> </div> <!----> - <div class="v-input__details"> + <div aria-live="polite" class="v-input__details" id="input-1-messages" role="alert"> - <transition-group-stub appear="false" aria-live="polite" class="v-messages" css="true" id="input-1-messages" name="slide-y-transition" persisted="false" role="alert" tag="div"> + <transition-group-stub appear="false" class="v-messages" css="true" name="slide-y-transition" persisted="false" tag="div"> <!----> </transition-group-stub> <!----> </div> </div> ❯ __tests__/components/metrics/MetricsDashboard.test.js:70:60