@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

package/src/components/VList/__tests__/VListGroup.spec.ts

@@ -5,7 +5,7 @@ import VListGroup from '../VListGroup'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 
 describe('VListGroup.ts', () => {
@@ -17,7 +17,7 @@ describe('VListGroup.ts', () => {
   beforeEach(() => {
     mountFunction = (options = {}) => {
       return mount(VListGroup, {
-        ...options,
+        ...options
       })
     }
   })
@@ -37,16 +37,16 @@ describe('VListGroup.ts', () => {
           list: {
             listClick,
             register: jest.fn(),
-            unregister: jest.fn(),
-          },
+            unregister: jest.fn()
+          }
         },
         mocks: {
-          $route,
-        },
+          $route
+        }
       },
       props: {
-        group: 'foo',
-      },
+        group: 'foo'
+      }
     })
 
     await wrapper.vm.$nextTick()
@@ -56,8 +56,8 @@ describe('VListGroup.ts', () => {
   it('should toggle when clicked', async () => {
     const wrapper = mountFunction({
       props: {
-        modelValue: false,
-      },
+        modelValue: false
+      }
     })
 
     wrapper.vm.click()
@@ -73,10 +73,10 @@ describe('VListGroup.ts', () => {
         provide: {
           list: {
             register,
-            unregister: () => {},
-          },
-        },
-      },
+            unregister: () => {}
+          }
+        }
+      }
     })
 
     expect(register).toHaveBeenCalledWith(wrapper.vm)
@@ -89,10 +89,10 @@ describe('VListGroup.ts', () => {
         provide: {
           list: {
             register: () => {},
-            unregister,
-          },
-        },
-      },
+            unregister
+          }
+        }
+      }
     })
 
     wrapper.unmount()
@@ -104,8 +104,8 @@ describe('VListGroup.ts', () => {
     const wrapper = mountFunction({
       slots: {
         appendIcon: '<span>foo</span>',
-        prependIcon: '<span>bar</span>',
-      },
+        prependIcon: '<span>bar</span>'
+      }
     })
 
     expect(wrapper.html()).toContain('<span>foo</span>')
@@ -116,9 +116,9 @@ describe('VListGroup.ts', () => {
     const wrapper = mountFunction({
       slots: {
         activator: {
-          template: '<span>foo</span>',
-        },
-      },
+          template: '<span>foo</span>'
+        }
+      }
     })
 
     const span = wrapper.find('span')
@@ -137,14 +137,14 @@ describe('VListGroup.ts', () => {
           list: {
             listClick,
             register: () => {},
-            unregister: () => {},
-          },
+            unregister: () => {}
+          }
         },
-        mocks: { $route },
+        mocks: { $route }
       },
       props: {
-        group: 'foo',
-      },
+        group: 'foo'
+      }
     })
 
     expect(wrapper.vm.isActive).toBe(false)
@@ -160,11 +160,11 @@ describe('VListGroup.ts', () => {
   it('should not react to clicks when disabled', async () => {
     const wrapper = mountFunction({
       props: {
-        disabled: true,
+        disabled: true
       },
       slots: {
-        activator: { template: '<span class="bar">foo</span>' },
-      },
+        activator: { template: '<span class="bar">foo</span>' }
+      }
     })
 
     const span = wrapper.find('span.bar')

package/src/components/VList/__tests__/VListItem.spec.ts

@@ -5,7 +5,7 @@ import VListItem from '../VListItem'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 import { Vue3RouterLinkStub } from '../../../../test/util/stubs'
 
@@ -20,11 +20,11 @@ describe('VListItem.ts', () => {
       return mount(VListItem, {
         global: {
           stubs: {
-            'router-link': Vue3RouterLinkStub,
+            'router-link': Vue3RouterLinkStub
           },
-          ...options.global,
+          ...options.global
         },
-        ...options,
+        ...options
       })
     }
   })
@@ -33,8 +33,8 @@ describe('VListItem.ts', () => {
     const wrapper = mountFunction({
       props: {
         href: 'http://www.google.com',
-        inactive: true,
-      },
+        inactive: true
+      }
     })
 
     expect(wrapper.element.tagName.toLowerCase()).toBe('div')
@@ -44,8 +44,8 @@ describe('VListItem.ts', () => {
   it('should render with a tag when tag is specified', () => {
     const wrapper = mountFunction({
       props: {
-        tag: 'code',
-      },
+        tag: 'code'
+      }
     })
 
     expect(wrapper.element.tagName.toLowerCase()).toBe('code')
@@ -61,8 +61,8 @@ describe('VListItem.ts', () => {
   it('should render with <a> when using href prop', () => {
     const wrapper = mountFunction({
       props: {
-        href: 'http://www.google.com',
-      },
+        href: 'http://www.google.com'
+      }
     })
 
     const a = wrapper.find('a')
@@ -75,8 +75,8 @@ describe('VListItem.ts', () => {
   it('should have --link class when href/to prop present or link prop is used', async () => {
     const wrapper = mountFunction({
       props: {
-        href: '/home',
-      },
+        href: '/home'
+      }
     })
 
     expect(wrapper.classes('v-list-item--link')).toBe(true)
@@ -94,8 +94,8 @@ describe('VListItem.ts', () => {
   it('should have --link class when click handler present', () => {
     const wrapper = mountFunction({
       props: {
-        link: true,
-      },
+        link: true
+      }
     })
 
     expect(wrapper.classes('v-list-item--link')).toBe(true)
@@ -104,8 +104,8 @@ describe('VListItem.ts', () => {
   it('should have --selectable class if the selectable property is true', () => {
     const wrapper = mountFunction({
       props: {
-        selectable: true,
-      },
+        selectable: true
+      }
     })
 
     expect(wrapper.classes('v-list-item--selectable')).toBe(true)
@@ -155,10 +155,10 @@ describe('VListItem.ts', () => {
           listItemGroup: {
             activeClass: 'foobar',
             register: () => {},
-            unregister: () => {},
-          },
-        },
-      },
+            unregister: () => {}
+          }
+        }
+      }
     })
 
     expect(wrapper.vm.$activeClass).toBe('foobar')
@@ -166,7 +166,7 @@ describe('VListItem.ts', () => {
 
   it('should have the correct aria attributes and tabindex', async () => {
     const wrapper = mountFunction({
-      props: { disabled: true },
+      props: { disabled: true }
     })
 
     expect(wrapper.element.getAttribute('aria-disabled')).toBe('true')
@@ -174,7 +174,7 @@ describe('VListItem.ts', () => {
 
     await wrapper.setProps({
       disabled: false,
-      modelValue: true,
+      modelValue: true
     })
 
     expect(wrapper.element.getAttribute('aria-disabled')).toBeNull()
@@ -189,23 +189,23 @@ describe('VListItem.ts', () => {
   it('should have the correct role', async () => {
     // Custom provided
     const wrapper = mountFunction({
-      attrs: { role: 'item' },
+      attrs: { role: 'item' }
     })
     expect(wrapper.element.getAttribute('role')).toBe('item')
 
     // In nav
     const wrapper2 = mountFunction({
       global: {
-        provide: { isInNav: true },
-      },
+        provide: { isInNav: true }
+      }
     })
     expect(wrapper2.element.getAttribute('role')).toBeNull()
 
     // In list-item-group
     const wrapper3 = mountFunction({
       global: {
-        provide: { isInGroup: true },
-      },
+        provide: { isInGroup: true }
+      }
     })
     expect(wrapper3.element.getAttribute('role')).toBe('option')
     expect(wrapper3.element.getAttribute('aria-selected')).toBe('false')
@@ -213,8 +213,8 @@ describe('VListItem.ts', () => {
     // In menu
     const wrapper4 = mountFunction({
       global: {
-        provide: { isInMenu: true },
-      },
+        provide: { isInMenu: true }
+      }
     })
     expect(wrapper4.element.getAttribute('role')).toBeNull()
     await wrapper4.setProps({ href: '#' }) // could be `to` or `link` as well
@@ -224,8 +224,8 @@ describe('VListItem.ts', () => {
     // In list not a link
     const wrapper5 = mountFunction({
       global: {
-        provide: { isInList: true },
-      },
+        provide: { isInList: true }
+      }
     })
     expect(wrapper5.element.getAttribute('role')).toBe('listitem')
   })
@@ -243,9 +243,9 @@ describe('VListItem.ts', () => {
       props: { to: { name: 'test' } },
       global: {
         stubs: {
-          'router-link': Vue3RouterLinkStub,
-        },
-      },
+          'router-link': Vue3RouterLinkStub
+        }
+      }
     })
 
     expect(wrapper2.vm.isActive).toBeFalsy()
@@ -257,9 +257,9 @@ describe('VListItem.ts', () => {
     const click = jest.fn()
     const wrapper = mountFunction({
       global: {
-        mocks: { click },
+        mocks: { click }
       },
-      props: { disabled: true },
+      props: { disabled: true }
     })
 
     await wrapper.trigger('keydown.enter')
@@ -270,8 +270,8 @@ describe('VListItem.ts', () => {
   it('should be clickable when href is provided', () => {
     const wrapper = mountFunction({
       props: {
-        href: 'http://www.google.com',
-      },
+        href: 'http://www.google.com'
+      }
     })
 
     expect(wrapper.vm.isClickable).toBe(true)
@@ -280,8 +280,8 @@ describe('VListItem.ts', () => {
   it('should be clickable when to is provided', () => {
     const wrapper = mountFunction({
       props: {
-        to: '/home',
-      },
+        to: '/home'
+      }
     })
 
     expect(wrapper.vm.isClickable).toBe(true)
@@ -293,10 +293,10 @@ describe('VListItem.ts', () => {
         provide: {
           listItemGroup: {
             register: () => {},
-            unregister: () => {},
-          },
-        },
-      },
+            unregister: () => {}
+          }
+        }
+      }
     })
 
     expect(wrapper.vm.isClickable).toBe(true)
@@ -311,16 +311,16 @@ describe('VListItem.ts', () => {
   it('should be clickable when both href and listItemGroup are present', () => {
     const wrapper = mountFunction({
       props: {
-        href: 'http://www.google.com',
+        href: 'http://www.google.com'
       },
       global: {
         provide: {
           listItemGroup: {
             register: () => {},
-            unregister: () => {},
-          },
-        },
-      },
+            unregister: () => {}
+          }
+        }
+      }
     })
 
     expect(wrapper.vm.isClickable).toBe(true)

package/src/components/VList/__tests__/VListItemAction.spec.ts

@@ -6,7 +6,7 @@ import {
   mount,
   VueWrapper,
   MountingOptions,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 import { functionalContext } from '../../../../test'
 import { defineComponent, h, ComponentPublicInstance } from 'vue'
@@ -20,7 +20,7 @@ describe('VListItemAction.ts', () => {
   beforeEach(() => {
     mountFunction = (options = {}) => {
       return mount(VListItemAction, {
-        ...options,
+        ...options
       })
     }
   })
@@ -34,8 +34,8 @@ describe('VListItemAction.ts', () => {
   it('should render component with static class and match snapshot', () => {
     const wrapper = mountFunction({
       attrs: {
-        class: 'static-class',
-      },
+        class: 'static-class'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -46,8 +46,8 @@ describe('VListItemAction.ts', () => {
     const content2 = h('span', 'content2')
     const wrapper = mountFunction({
       slots: {
-        default: () => [content1, content2],
-      },
+        default: () => [content1, content2]
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -59,8 +59,8 @@ describe('VListItemAction.ts', () => {
 
     const wrapper = mountFunction({
       slots: {
-        default: () => [visible, notVisible],
-      },
+        default: () => [visible, notVisible]
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -70,9 +70,9 @@ describe('VListItemAction.ts', () => {
     const wrapper = mountFunction({
       slots: {
         default: () => h('div', {
-          innerHTML: '<b>something</b>',
-        }),
-      },
+          innerHTML: '<b>something</b>'
+        })
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()

package/src/components/VList/__tests__/VListItemAvatar.spec.ts

@@ -5,7 +5,7 @@ import VListItemAvatar from '../VListItemAvatar'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 
 // Types
@@ -20,7 +20,7 @@ describe('VListItemAvatar.ts', () => {
   beforeEach(() => {
     mountFunction = (options = {}) => {
       return mount(VListItemAvatar, {
-        ...options,
+        ...options
       })
     }
   })

package/src/components/VList/__tests__/VListItemGroup.spec.ts

@@ -5,7 +5,7 @@ import VListItemGroup from '../VListItemGroup'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 
 describe('VListItemGroup.ts', () => {
@@ -17,7 +17,7 @@ describe('VListItemGroup.ts', () => {
   beforeEach(() => {
     mountFunction = (options = {}) => {
       return mount(VListItemGroup, {
-        ...options,
+        ...options
       })
     }
   })

package/src/components/VList/index.ts

@@ -20,7 +20,7 @@ export {
   VListItemAction,
   VListItemAvatar,
   VListItemIcon,
-  VListItemGroup,
+  VListItemGroup
 }
 
 export default {
@@ -35,6 +35,6 @@ export default {
     VListItemGroup,
     VListItemIcon,
     VListItemSubtitle,
-    VListItemTitle,
-  },
+    VListItemTitle
+  }
 }

package/src/components/VMain/VMain.ts

@@ -17,38 +17,38 @@ export default defineComponent({
   props: {
     tag: {
       type: String,
-      default: 'main',
-    },
+      default: 'main'
+    }
   },
 
   computed: {
     styles (): object {
       const {
-        bar, top, right, footer, insetFooter, bottom, left,
+        bar, top, right, footer, insetFooter, bottom, left
       } = this.$vuetify.application
 
       return {
         paddingTop: `${top + bar}px`,
         paddingRight: `${right}px`,
         paddingBottom: `${footer + insetFooter + bottom}px`,
-        paddingLeft: `${left}px`,
+        paddingLeft: `${left}px`
       }
-    },
+    }
   },
 
   render (): VNode {
     const data = {
       class: 'v-main',
       style: this.styles,
-      ref: 'main',
+      ref: 'main'
     }
 
     return h(getTagValue(this.tag), data, [
       h(
         'div',
         { class: 'v-main__wrap' },
-        getSlot(this),
-      ),
+        getSlot(this)
+      )
     ])
-  },
+  }
 })

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

@@ -21,11 +21,11 @@ describe('VMain.ts', () => {
                 right: 256,
                 footer: 48,
                 insetFooter: 32,
-                bottom: 56,
-              },
-            },
-          },
-        },
+                bottom: 56
+              }
+            }
+          }
+        }
       })
     }
   })