@dimailn/vuetify 2.7.2-alpha27 → 2.7.2-alpha28

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

@@ -4,15 +4,16 @@ import VMessages from '../VMessages'
 // Utilities
 import {
   mount,
-  Wrapper,
+  VueWrapper,
 } from '@vue/test-utils'
+import { h } from 'vue'
 
 // Types
-import { ExtractVue } from '../../../util/mixins'
+import type { ComponentPublicInstance } from 'vue'
 
 describe('VMessages.ts', () => {
-  type Instance = ExtractVue<typeof VMessages>
-  let mountFunction: (options?: object) => Wrapper<Instance>
+  type Instance = ComponentPublicInstance
+  let mountFunction: (options?: object) => VueWrapper<Instance>
 
   beforeEach(() => {
     mountFunction = (options = {}) => {
@@ -25,27 +26,27 @@ describe('VMessages.ts', () => {
   it('should have a default array', () => {
     const wrapper = mountFunction()
 
-    expect(Array.isArray(wrapper.vm.value)).toBe(true)
+    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.find('.v-messages').exists()).toBe(true)
   })
 
   it('should show messages', async () => {
     const wrapper = mountFunction({
-      propsData: {
+      props: {
         value: ['foo', 'bar'],
       },
     })
 
     expect(wrapper.html()).toMatchSnapshot()
 
-    wrapper.setProps({ value: [] })
-    await wrapper.vm.$nextTick()
+    await wrapper.setProps({ value: [] })
 
     expect(wrapper.html()).toMatchSnapshot()
   })
 
   it('should allow HTML', () => {
     const wrapper = mountFunction({
-      propsData: {
+      props: {
         value: ['<a href="#">a link</a>'],
       },
     })
@@ -55,7 +56,7 @@ describe('VMessages.ts', () => {
   // https://github.com/vuetifyjs/vuetify/issues/9491
   it('should not allow HTML', () => {
     const wrapper = mount(VMessages, {
-      propsData: {
+      props: {
         value: ['<a href="#">a link</a>'],
       },
     })
@@ -65,9 +66,9 @@ describe('VMessages.ts', () => {
 
   it('should accept a scoped slot', () => {
     const wrapper = mount(VMessages, {
-      propsData: { value: ['Foo'] },
-      scopedSlots: {
-        default (props) {
+      props: { value: ['Foo'] },
+      slots: {
+        default (props: any) {
           return h('div', props.message)
         },
       },

package/src/components/VOtpInput/VOtpInput.ts

@@ -55,9 +55,45 @@ export default baseMixins.extend({
   }),
 
   computed: {
-    outlined (): Boolean {
+    outlined (): boolean {
       return !this.plain
     },
+    fullWidth (): boolean {
+      return false
+    },
+    prefix (): boolean {
+      return false
+    },
+    isSingle (): boolean {
+      return true
+    },
+    isSolo (): boolean {
+      return false
+    },
+    soloInverted (): boolean {
+      return false
+    },
+    flat (): boolean {
+      return false
+    },
+    filled (): boolean {
+      return false
+    },
+    isEnclosed (): boolean {
+      return this.outlined
+    },
+    reverse (): boolean {
+      return false
+    },
+    placeholder (): string {
+      return ''
+    },
+    rounded (): boolean {
+      return false
+    },
+    shaped (): boolean {
+      return false
+    },
     classes (): object {
       return {
         ...VInput.computed.classes.call(this),

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

@@ -5,9 +5,9 @@ exports[`VParallax.ts should render 1`] = `
      style="height: 500px;"
 >
   <div class="v-parallax__image-container">
-    <img alt
-         class="v-parallax__image"
+    <img class="v-parallax__image"
          style="display: block; opacity: 0; transform: translate(-50%, 0px);"
+         alt
     >
   </div>
   <div class="v-parallax__content">
@@ -20,9 +20,9 @@ exports[`VParallax.ts should use alt tag when supplied 1`] = `
      style="height: 500px;"
 >
   <div class="v-parallax__image-container">
-    <img alt="name"
-         class="v-parallax__image"
-         style="display: block; opacity: 1; transform: translate(-50%, 0px);"
+    <img class="v-parallax__image"
+         style="display: block; opacity: 0; transform: translate(-50%, 0px);"
+         alt="name"
     >
   </div>
   <div class="v-parallax__content">
@@ -35,9 +35,9 @@ exports[`VParallax.ts should use empty alt tag when not supplied 1`] = `
      style="height: 500px;"
 >
   <div class="v-parallax__image-container">
-    <img alt
-         class="v-parallax__image"
-         style="display: block; opacity: 1; transform: translate(-50%, 0px);"
+    <img class="v-parallax__image"
+         style="display: block; opacity: 0; transform: translate(-50%, 0px);"
+         alt
     >
   </div>
   <div class="v-parallax__content">

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`VPicker.ts should render component with elevation and match snapshot 1`] = `
-<div class="v-picker v-card theme--light">
+<div class="v-picker v-card theme--light elevation-15">
   <div class="v-picker__title primary">
     <span>
       title
@@ -64,7 +64,7 @@ exports[`VPicker.ts should render dark component and match snapshot 1`] = `
 `;
 
 exports[`VPicker.ts should render flat component and match snapshot 1`] = `
-<div class="v-picker v-card theme--light">
+<div class="v-picker v-card v-picker--flat theme--light">
   <div class="v-picker__title primary">
     <span>
       title

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

@@ -2,8 +2,8 @@
 
 exports[`VResponsive.ts should force aspect ratio 1`] = `
 <div class="v-responsive">
-  <div class="v-responsive__sizer"
-       style="padding-bottom: 56.25%;"
+  <div style="padding-bottom: 56.25%;"
+       class="v-responsive__sizer"
   >
   </div>
   <div class="v-responsive__content">

package/src/components/VSelect/VSelectList.ts

@@ -32,7 +32,6 @@ type ListTile = { item: any, disabled?: null | boolean, value?: boolean, index:
 export default mixins(Colorable, Themeable).extend({
   name: 'v-select-list',
 
-
   props: {
     action: Boolean,
     dense: Boolean,
@@ -160,7 +159,7 @@ export default mixins(Colorable, Themeable).extend({
             acc[key] = this.$attrs[key]
           }
           return acc
-        }, {} as Record<string, any>)
+        }, {} as Record<string, any>),
       }
 
       if (!this.$slots.item) {
@@ -173,16 +172,17 @@ export default mixins(Colorable, Themeable).extend({
       }
 
       const parent = this
+      const { onClick, onMousedown, ...attrsWithoutEvents } = tile
       const scopedSlot = this.$slots.item({
         parent,
         item,
-        attrs: {
-          ...tile.attrs,
-          ...tile.props,
-          ...tile.on,
-        },
-        on: tile.on,
-      })
+        active: value,
+        attrs: tile,
+        on: {
+          onMousedown,
+          onClick
+        }
+      });
 
       return this.needsTile(scopedSlot)
         ? h(VListItem, tile, scopedSlot)