@dimailn/vuetify 2.7.2-alpha31 → 2.7.2-alpha33

package/src/components/VDataIterator/__tests__/__snapshots__/VDataFooter.spec.ts.snap

@@ -29,8 +29,8 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
             </div>
             <div class="v-input__append-inner">
               <div class="v-input__icon v-input__icon--append">
-                <i aria-hidden="true"
-                   class="v-icon notranslate material-icons theme--light"
+                <i class="v-icon notranslate theme--light material-icons"
+                   aria-hidden="true"
                 >
                 </i>
               </div>
@@ -55,8 +55,8 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
             aria-label="First page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -67,8 +67,8 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
             aria-label="Previous page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -81,8 +81,8 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
             aria-label="Next page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -93,8 +93,8 @@ exports[`VDataFooter.ts should disable last page button if no items 1`] = `
             aria-label="Last page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -132,8 +132,8 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
             </div>
             <div class="v-input__append-inner">
               <div class="v-input__icon v-input__icon--append">
-                <i aria-hidden="true"
-                   class="v-icon notranslate material-icons theme--light"
+                <i class="v-icon notranslate theme--light material-icons"
+                   aria-hidden="true"
                 >
                 </i>
               </div>
@@ -157,8 +157,8 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
             aria-label="First page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -168,8 +168,8 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
             aria-label="Previous page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -181,8 +181,8 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
             aria-label="Next page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -192,8 +192,8 @@ exports[`VDataFooter.ts should render first & last icons with showFirstLastPage
             aria-label="Last page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -231,8 +231,8 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
             </div>
             <div class="v-input__append-inner">
               <div class="v-input__icon v-input__icon--append">
-                <i aria-hidden="true"
-                   class="v-icon notranslate material-icons theme--light"
+                <i class="v-icon notranslate theme--light material-icons"
+                   aria-hidden="true"
                 >
                 </i>
               </div>
@@ -256,8 +256,8 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
             aria-label="First page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -267,8 +267,8 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
             aria-label="Previous page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -280,8 +280,8 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
             aria-label="Next page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -291,8 +291,8 @@ exports[`VDataFooter.ts should render in RTL mode 1`] = `
             aria-label="Last page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -330,8 +330,8 @@ exports[`VDataFooter.ts should render with custom itemsPerPage 1`] = `
             </div>
             <div class="v-input__append-inner">
               <div class="v-input__icon v-input__icon--append">
-                <i aria-hidden="true"
-                   class="v-icon notranslate material-icons theme--light"
+                <i class="v-icon notranslate theme--light material-icons"
+                   aria-hidden="true"
                 >
                 </i>
               </div>
@@ -355,8 +355,8 @@ exports[`VDataFooter.ts should render with custom itemsPerPage 1`] = `
             aria-label="Previous page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -369,8 +369,8 @@ exports[`VDataFooter.ts should render with custom itemsPerPage 1`] = `
             aria-label="Next page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -408,8 +408,8 @@ exports[`VDataFooter.ts should show current page if has showCurrentPage 1`] = `
             </div>
             <div class="v-input__append-inner">
               <div class="v-input__icon v-input__icon--append">
-                <i aria-hidden="true"
-                   class="v-icon notranslate material-icons theme--light"
+                <i class="v-icon notranslate theme--light material-icons"
+                   aria-hidden="true"
                 >
                 </i>
               </div>
@@ -433,8 +433,8 @@ exports[`VDataFooter.ts should show current page if has showCurrentPage 1`] = `
             aria-label="Previous page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>
@@ -449,8 +449,8 @@ exports[`VDataFooter.ts should show current page if has showCurrentPage 1`] = `
             aria-label="Next page"
     >
       <span class="v-btn__content">
-        <i aria-hidden="true"
-           class="v-icon notranslate material-icons theme--light"
+        <i class="v-icon notranslate theme--light material-icons"
+           aria-hidden="true"
         >
         </i>
       </span>

package/src/components/VDataIterator/__tests__/__snapshots__/VDataIterator.spec.ts.snap

@@ -41,8 +41,8 @@ exports[`VDataIterator.ts should render and match snapshot 1`] = `
               </div>
               <div class="v-input__append-inner">
                 <div class="v-input__icon v-input__icon--append">
-                  <i aria-hidden="true"
-                     class="v-icon notranslate material-icons theme--light"
+                  <i class="v-icon notranslate theme--light material-icons"
+                     aria-hidden="true"
                   >
                   </i>
                 </div>
@@ -67,8 +67,8 @@ exports[`VDataIterator.ts should render and match snapshot 1`] = `
               aria-label="Previous page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -81,8 +81,8 @@ exports[`VDataIterator.ts should render and match snapshot 1`] = `
               aria-label="Next page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -134,8 +134,8 @@ exports[`VDataIterator.ts should render and match snapshot with data 1`] = `
               </div>
               <div class="v-input__append-inner">
                 <div class="v-input__icon v-input__icon--append">
-                  <i aria-hidden="true"
-                     class="v-icon notranslate material-icons theme--light"
+                  <i class="v-icon notranslate theme--light material-icons"
+                     aria-hidden="true"
                   >
                   </i>
                 </div>
@@ -160,8 +160,8 @@ exports[`VDataIterator.ts should render and match snapshot with data 1`] = `
               aria-label="Previous page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -174,8 +174,8 @@ exports[`VDataIterator.ts should render and match snapshot with data 1`] = `
               aria-label="Next page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -218,8 +218,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               </div>
               <div class="v-input__append-inner">
                 <div class="v-input__icon v-input__icon--append">
-                  <i aria-hidden="true"
-                     class="v-icon notranslate material-icons theme--light"
+                  <i class="v-icon notranslate theme--light material-icons"
+                     aria-hidden="true"
                   >
                   </i>
                 </div>
@@ -244,8 +244,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               aria-label="Previous page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -258,8 +258,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               aria-label="Next page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -302,8 +302,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               </div>
               <div class="v-input__append-inner">
                 <div class="v-input__icon v-input__icon--append">
-                  <i aria-hidden="true"
-                     class="v-icon notranslate material-icons theme--light"
+                  <i class="v-icon notranslate theme--light material-icons"
+                     aria-hidden="true"
                   >
                   </i>
                 </div>
@@ -328,8 +328,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               aria-label="Previous page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -342,8 +342,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               aria-label="Next page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -386,8 +386,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               </div>
               <div class="v-input__append-inner">
                 <div class="v-input__icon v-input__icon--append">
-                  <i aria-hidden="true"
-                     class="v-icon notranslate material-icons theme--light"
+                  <i class="v-icon notranslate theme--light material-icons"
+                     aria-hidden="true"
                   >
                   </i>
                 </div>
@@ -412,8 +412,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               aria-label="Previous page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>
@@ -426,8 +426,8 @@ exports[`VDataIterator.ts should render valid no-data, loading and no-results st
               aria-label="Next page"
       >
         <span class="v-btn__content">
-          <i aria-hidden="true"
-             class="v-icon notranslate material-icons theme--light"
+          <i class="v-icon notranslate theme--light material-icons"
+             aria-hidden="true"
           >
           </i>
         </span>

package/src/components/VDataTable/__tests__/VDataTable.spec.ts

@@ -636,7 +636,7 @@ describe('VDataTable.ts', () => {
         headers: testHeaders,
         itemKey: 'name',
         items: testItems.slice(0, 2),
-        value: [testItems[0]],
+        modelValue: [testItems[0]],
         showSelect: true,
         singleSelect: true,
       },

package/src/components/VDataTable/__tests__/VDataTableHeader.spec.ts

@@ -7,9 +7,10 @@ import { preset } from '../../../presets/default'
 
 import {
   mount,
-  MountOptions,
-  Wrapper,
+  MountingOptions,
+  VueWrapper,
 } from '@vue/test-utils'
+import { nextTick } from 'vue'
 
 const testHeaders = [
   {
@@ -27,26 +28,21 @@ const testHeaders = [
 
 describe('VDataTableHeader.ts', () => {
   type Instance = InstanceType<typeof VDataTableHeader>
-  let mountFunction: (options?: MountOptions<Instance>, isMobile?: boolean) => Wrapper<Instance>
+  let mountFunction: (options?: MountingOptions<Instance>, isMobile?: boolean) => VueWrapper<Instance>
 
   ;[false, true].forEach(isMobile => {
     describe(isMobile ? 'mobile' : 'desktop', () => { // eslint-disable-line jest/valid-title
       beforeEach(() => {
         document.body.setAttribute('data-app', 'true')
 
-        mountFunction = (options?: MountOptions<Instance>) => {
+        mountFunction = (options?: MountingOptions<Instance>) => {
           return mount(VDataTableHeader, {
             ...options,
-            // https://github.com/vuejs/vue-test-utils/issues/1130
-            sync: false,
             props: {
               headers: testHeaders,
               mobile: isMobile,
               ...(options || {}).props,
             },
-            on: {
-              ...(options || {}).on,
-            },
             global: {
               mocks: {
                 $vuetify: {
@@ -141,7 +137,7 @@ describe('VDataTableHeader.ts', () => {
           expect(select.exists()).toBe(true)
 
           select.vm.$emit('update:modelValue', 'test')
-          await wrapper.vm.$nextTick()
+          await nextTick()
 
           expect(mobileHeader.emitted('sort')).toBeTruthy()
           expect(mobileHeader.emitted('sort')?.[0]).toEqual(['test'])

package/src/components/VDataTable/__tests__/VEditDialog.spec.ts

@@ -3,26 +3,27 @@ import VMenu from '../../VMenu'
 
 import {
   mount,
-  Wrapper,
-  MountOptions,
+  VueWrapper,
+  MountingOptions,
 } from '@vue/test-utils'
 import { keyCodes } from '../../../util/helpers'
 import mixins from '../../../util/mixins'
+import { nextTick } from 'vue'
 
 describe('VEditDialog.ts', () => {
   type Instance = InstanceType<typeof VEditDialog>
-  let mountFunction: (options?: MountOptions<Instance>) => Wrapper<Instance>
+  let mountFunction: (options?: MountingOptions<Instance>) => VueWrapper<Instance>
   beforeEach(() => {
     document.body.setAttribute('data-app', 'true')
 
-    mountFunction = (options?: MountOptions<Instance>) => {
+    mountFunction = (options?: MountingOptions<Instance>) => {
       return mount(VEditDialog, {
-        // https://github.com/vuejs/vue-test-utils/issues/1130
-        sync: false,
-        mocks: {
-          $vuetify: {
-            theme: {
-              dark: false,
+        global: {
+          mocks: {
+            $vuetify: {
+              theme: {
+                dark: false,
+              },
             },
           },
         },
@@ -62,12 +63,12 @@ describe('VEditDialog.ts', () => {
     })
 
     wrapper.vm.isActive = true
-    await wrapper.vm.$nextTick()
+    await nextTick()
     expect(open).toHaveBeenCalledTimes(1)
     expect(setTimeout).toHaveBeenLastCalledWith(wrapper.vm.focus, 50)
 
     wrapper.vm.isActive = false
-    await wrapper.vm.$nextTick()
+    await nextTick()
     expect(close).toHaveBeenCalledTimes(1)
 
     jest.useRealTimers()
@@ -87,11 +88,11 @@ describe('VEditDialog.ts', () => {
     const menu = wrapper.findComponent(VMenu)
 
     menu.vm.$emit('update:modelValue', true)
-    await wrapper.vm.$nextTick()
+    await nextTick()
     expect(open).toHaveBeenCalledTimes(1)
 
     menu.vm.$emit('update:modelValue', false)
-    await wrapper.vm.$nextTick()
+    await nextTick()
     expect(close).toHaveBeenCalledTimes(1)
   })
 
@@ -126,27 +127,29 @@ describe('VEditDialog.ts', () => {
 
     // Make sure originalValue gets set
     wrapper.vm.isActive = true
-    await wrapper.vm.$nextTick()
-    field.setValue('test')
+    await nextTick()
+    field.element.value = 'test'
+    field.trigger('input')
     // Update the parent component's val to match the input value
     parentWrapper.vm.val = 'test'
     input.dispatchEvent(new KeyboardEvent('keydown', { keyCode: keyCodes.esc } as KeyboardEventInit))
-    await wrapper.vm.$nextTick()
+    await nextTick()
     expect(wrapper.emitted('cancel')).toBeTruthy()
     expect(wrapper.emitted('update:return-value')?.[0]).toEqual(['test'])
     expect(wrapper.props('returnValue')).toBe('test')
 
     wrapper.vm.isActive = true
-    await wrapper.vm.$nextTick()
-    field.setValue('test')
+    await nextTick()
+    field.element.value = 'test'
+    field.trigger('input')
     // Update the parent component's val to match the input value
     parentWrapper.vm.val = 'test'
     input.dispatchEvent(new KeyboardEvent('keydown', { keyCode: keyCodes.enter } as KeyboardEventInit))
-    await wrapper.vm.$nextTick()
+    await nextTick()
     expect(wrapper.emitted('save')).toBeTruthy()
     expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function))
     jest.advanceTimersByTime(0)
-    await wrapper.vm.$nextTick()
+    await nextTick()
     expect(wrapper.emitted('update:return-value')?.[1]).toEqual(['test'])
     expect(wrapper.props('returnValue')).toBe('test')