@dimailn/vuetify 2.7.2-alpha40 → 2.7.2-alpha42

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

@@ -8,7 +8,7 @@ import { preset } from '../../../presets/default'
 import {
   mount,
   MountingOptions,
-  VueWrapper,
+  VueWrapper
 } from '@vue/test-utils'
 import { nextTick } from 'vue'
 
@@ -17,13 +17,13 @@ const testHeaders = [
     text: 'Dessert (100g serving)',
     align: 'left',
     sortable: false,
-    value: 'name',
+    value: 'name'
   },
   { text: 'Calories', width: 50, value: 'calories' },
   { text: 'Fat (g)', width: '50em', value: 'fat' },
   { text: 'Carbs (g)', value: 'carbs' },
   { text: 'Protein (g)', value: 'protein' },
-  { text: 'Iron (%)', value: 'iron' },
+  { text: 'Iron (%)', value: 'iron' }
 ]
 
 describe('VDataTableHeader.ts', () => {
@@ -41,7 +41,7 @@ describe('VDataTableHeader.ts', () => {
             props: {
               headers: testHeaders,
               mobile: isMobile,
-              ...(options || {}).props,
+              ...(options || {}).props
             },
             global: {
               mocks: {
@@ -50,14 +50,14 @@ describe('VDataTableHeader.ts', () => {
                   rtl: false,
                   lang: new Lang(preset),
                   theme: {
-                    dark: false,
-                  },
-                },
+                    dark: false
+                  }
+                }
               },
               directives: {
-                ripple,
-              },
-            },
+                ripple
+              }
+            }
           })
         }
       })
@@ -70,8 +70,8 @@ describe('VDataTableHeader.ts', () => {
       it('should work with showGroupBy', () => {
         const wrapper = mountFunction({
           props: {
-            showGroupBy: true,
-          },
+            showGroupBy: true
+          }
         })
 
         expect(wrapper.html()).toMatchSnapshot()
@@ -83,9 +83,9 @@ describe('VDataTableHeader.ts', () => {
             options: {
               multiSort: true,
               sortBy: ['iron'],
-              sortDesc: [true],
-            },
-          },
+              sortDesc: [true]
+            }
+          }
         })
 
         expect(wrapper.html()).toMatchSnapshot()
@@ -96,9 +96,9 @@ describe('VDataTableHeader.ts', () => {
           props: {
             options: {
               sortBy: ['iron'],
-              sortDesc: [true],
-            },
-          },
+              sortDesc: [true]
+            }
+          }
         })
 
         expect(wrapper.html()).toMatchSnapshot()
@@ -109,9 +109,9 @@ describe('VDataTableHeader.ts', () => {
           props: {
             options: {
               sortBy: ['iron', 'carbs'],
-              sortDesc: [false, true],
-            },
-          },
+              sortDesc: [false, true]
+            }
+          }
         })
 
         expect(wrapper.html()).toMatchSnapshot()
@@ -121,8 +121,8 @@ describe('VDataTableHeader.ts', () => {
         it('should render with data-table-select header', () => {
           const wrapper = mountFunction({
             props: {
-              headers: [...testHeaders, { text: 'test', value: 'data-table-select' }],
-            },
+              headers: [...testHeaders, { text: 'test', value: 'data-table-select' }]
+            }
           })
 
           expect(wrapper.html()).toMatchSnapshot()
@@ -151,10 +151,10 @@ describe('VDataTableHeader.ts', () => {
                 {
                   value: 'data-table-select',
                   width: '100px',
-                  class: 'foo',
-                },
-              ],
-            },
+                  class: 'foo'
+                }
+              ]
+            }
           })
 
           const foo = wrapper.find('.foo')

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

@@ -4,7 +4,7 @@ import VMenu from '../../VMenu'
 import {
   mount,
   VueWrapper,
-  MountingOptions,
+  MountingOptions
 } from '@vue/test-utils'
 import { keyCodes } from '../../../util/helpers'
 import mixins from '../../../util/mixins'
@@ -22,12 +22,12 @@ describe('VEditDialog.ts', () => {
           mocks: {
             $vuetify: {
               theme: {
-                dark: false,
-              },
-            },
-          },
+                dark: false
+              }
+            }
+          }
         },
-        ...options,
+        ...options
       })
     }
   })
@@ -42,8 +42,8 @@ describe('VEditDialog.ts', () => {
     const wrapper = mountFunction({
       props: {
         cancelText: `I don't want to modify that!`,
-        saveText: 'Save it!',
-      },
+        saveText: 'Save it!'
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -58,8 +58,8 @@ describe('VEditDialog.ts', () => {
     const wrapper = mountFunction({
       props: {
         onOpen: open,
-        onClose: close,
-      },
+        onClose: close
+      }
     })
 
     wrapper.vm.isActive = true
@@ -81,8 +81,8 @@ describe('VEditDialog.ts', () => {
     const wrapper = mountFunction({
       props: {
         onOpen: open,
-        onClose: close,
-      },
+        onClose: close
+      }
     })
 
     const menu = wrapper.findComponent(VMenu)
@@ -111,14 +111,14 @@ describe('VEditDialog.ts', () => {
         'v-edit-dialog': mixins(VEditDialog).extend({
           render () {
             return this.genContent()
-          },
-        }),
+          }
+        })
       },
       data () {
         return {
-          val: 'test',
+          val: 'test'
         }
-      },
+      }
     })
 
     const wrapper = parentWrapper.findComponent(VEditDialog)
@@ -162,7 +162,7 @@ describe('VEditDialog.ts', () => {
     const wrapper = mountFunction({
       render () {
         return this.genButton(fn, 'test')
-      },
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -178,8 +178,8 @@ describe('VEditDialog.ts', () => {
         return this.genContent()
       },
       slots: {
-        input: '<input class="test" />',
-      },
+        input: '<input class="test" />'
+      }
     })
 
     const input = wrapper.find('input.test')
@@ -198,8 +198,8 @@ describe('VEditDialog.ts', () => {
         return this.genActions()
       },
       props: {
-        onSave: saveEvent,
-      },
+        onSave: saveEvent
+      }
     })
 
     // Mock the save method
@@ -217,11 +217,11 @@ describe('VEditDialog.ts', () => {
     const cancel = jest.fn()
     const wrapper = mountFunction({
       props: {
-        onCancel: cancel,
+        onCancel: cancel
       },
       data: () => ({
-        isActive: true,
-      }),
+        isActive: true
+      })
     })
 
     wrapper.vm.cancel()

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

@@ -2,7 +2,7 @@ import VSimpleTable from '../VSimpleTable'
 import {
   mount,
   VueWrapper,
-  enableAutoUnmount,
+  enableAutoUnmount
 } from '@vue/test-utils'
 import { h } from 'vue'
 
@@ -17,24 +17,24 @@ describe('VSimpleTable.ts', () => {
       return mount(VSimpleTable, {
         global: {
           config: {
-            warnHandler: () => {}, // Подавляем предупреждения Vue
-          },
+            warnHandler: () => {} // Подавляем предупреждения Vue
+          }
         },
-        ...options,
+        ...options
       })
     }
   })
 
   const createDefaultSlots = () => [
     h('tr', [h('th', 'Foo'), h('th', 'Bar')]),
-    h('tr', [h('td', 'baz'), h('td', 'qux')]),
+    h('tr', [h('td', 'baz'), h('td', 'qux')])
   ]
 
   it('should render', () => {
     const wrapper = mountFunction({
       slots: {
-        default: createDefaultSlots,
-      },
+        default: createDefaultSlots
+      }
     })
 
     expect(wrapper.findAll('.v-data-table')).toHaveLength(1)
@@ -48,14 +48,14 @@ describe('VSimpleTable.ts', () => {
         default: createDefaultSlots,
         wrapper: () => h('div', {
           class: 'custom-wrapper',
-          'data-test': 'custom-wrapper',
+          'data-test': 'custom-wrapper'
         }, [
           h('table', { class: 'custom-table' }, [
             h('tr', [h('th', 'Custom Header 1'), h('th', 'Custom Header 2')]),
-            h('tr', [h('td', 'Custom Data 1'), h('td', 'Custom Data 2')]),
-          ]),
-        ]),
-      },
+            h('tr', [h('td', 'Custom Data 1'), h('td', 'Custom Data 2')])
+          ])
+        ])
+      }
     })
 
     // Проверяем, что дефолтный wrapper не используется
@@ -77,8 +77,8 @@ describe('VSimpleTable.ts', () => {
     const wrapper = mountFunction({
       slots: {
         top: () => h('div', { class: 'top' }, 'Header'),
-        bottom: () => h('div', { class: 'bottom' }, 'Footer'),
-      },
+        bottom: () => h('div', { class: 'bottom' }, 'Footer')
+      }
     })
 
     expect(wrapper.findAll('.top')).toHaveLength(1)
@@ -89,11 +89,11 @@ describe('VSimpleTable.ts', () => {
   it('should render with custom height', () => {
     const wrapper = mountFunction({
       slots: {
-        default: createDefaultSlots,
+        default: createDefaultSlots
       },
       props: {
-        height: 1000,
-      },
+        height: 1000
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -103,30 +103,30 @@ describe('VSimpleTable.ts', () => {
     const wrapper = mountFunction()
 
     await wrapper.setProps({
-      dense: true,
+      dense: true
     })
     expect(wrapper.vm.classes).toMatchObject({
-      'v-data-table--dense': true,
+      'v-data-table--dense': true
     })
     await wrapper.setProps({
-      dark: true,
+      dark: true
     })
     expect(wrapper.vm.classes).toMatchObject({
       'theme--dark': true,
-      'theme--light': false,
+      'theme--light': false
     })
     await wrapper.setProps({
-      fixedHeader: true,
+      fixedHeader: true
     })
     expect(wrapper.vm.classes).toMatchObject({
-      'v-data-table--fixed-header': true,
+      'v-data-table--fixed-header': true
     })
     await wrapper.setProps({
       fixedHeader: false,
-      height: 1000,
+      height: 1000
     })
     expect(wrapper.vm.classes).toMatchObject({
-      'v-data-table--fixed-height': true,
+      'v-data-table--fixed-height': true
     })
   })
 
@@ -134,13 +134,13 @@ describe('VSimpleTable.ts', () => {
     const wrapper = mountFunction({
       slots: {
         top: () => h('div', { class: 'top' }, 'Header'),
-        bottom: () => h('div', { class: 'bottom' }, 'Footer'),
-      },
+        bottom: () => h('div', { class: 'bottom' }, 'Footer')
+      }
     })
 
     expect(wrapper.vm.classes).toMatchObject({
       'v-data-table--has-top': true,
-      'v-data-table--has-bottom': true,
+      'v-data-table--has-bottom': true
     })
   })
 })

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

@@ -2,7 +2,7 @@ import VVirtualTable from '../VVirtualTable'
 import {
   mount,
   VueWrapper,
-  MountingOptions,
+  MountingOptions
 } from '@vue/test-utils'
 import { h } from 'vue'
 
@@ -18,11 +18,11 @@ describe('VVirtualTable.ts', () => {
   it('should render', () => {
     const wrapper = mountFunction({
       props: {
-        items: ['a', 'b', 'c'],
+        items: ['a', 'b', 'c']
       },
       slots: {
-        items: (props: any) => h('div', { class: 'test' }, [JSON.stringify(props)]),
-      },
+        items: (props: any) => h('div', { class: 'test' }, [JSON.stringify(props)])
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
@@ -31,19 +31,19 @@ describe('VVirtualTable.ts', () => {
   it('should re-render when items change', async () => {
     const wrapper = mountFunction({
       props: {
-        items: ['a', 'b', 'c'],
+        items: ['a', 'b', 'c']
       },
       slots: {
         items (props: any) {
           return h('div', props.items.map((i: any) => h('div', [i])))
-        },
-      },
+        }
+      }
     })
 
     expect(wrapper.html()).toMatchSnapshot()
 
     await wrapper.setProps({
-      items: ['d', 'e', 'f'],
+      items: ['d', 'e', 'f']
     })
 
     expect(wrapper.html()).toMatchSnapshot()