quasar 2.18.6 → 2.19.0

package/src/components/breadcrumbs/QBreadcrumbsEl.json

@@ -3,13 +3,13 @@
     "docsUrl": "https://v2.quasar.dev/vue-components/breadcrumbs"
   },
 
-  "mixins": [ "composables/private.use-router-link/use-router-link" ],
+  "mixins": ["composables/private.use-router-link/use-router-link"],
 
   "props": {
     "label": {
       "type": "String",
       "desc": "The label text for the breadcrumb",
-      "examples": [ "'Home'", "'Index'" ],
+      "examples": ["'Home'", "'Index'"],
       "category": "content"
     },
 
@@ -20,7 +20,7 @@
     "tag": {
       "extends": "tag",
       "default": "'span'",
-      "examples": [ "'div'", "'span'" ]
+      "examples": ["'div'", "'span'"]
     }
   },
 
@@ -50,13 +50,10 @@
               "required": false,
               "definition": {
                 "to": {
-                  "type": [ "String", "Object" ],
+                  "type": ["String", "Object"],
                   "desc": "Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop",
                   "required": false,
-                  "examples": [
-                    "'/home/dashboard'",
-                    "{ name: 'my-route-name' }"
-                  ]
+                  "examples": ["'/home/dashboard'", "{ name: 'my-route-name' }"]
                 },
 
                 "replace": {

package/src/components/breadcrumbs/QBreadcrumbsEl.test.js

@@ -13,32 +13,28 @@ describe('[QBreadcrumbsEl API]', () => {
 
         const wrapper = mount(QBreadcrumbsEl, {
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ to: testRoute })
         await flushPromises()
 
-        expect(
-          wrapper.get('a').attributes('href')
-        ).toBe(testRoute)
+        expect(wrapper.get('a').attributes('href')).toBe(testRoute)
 
         const routerFn = vi.spyOn(router, 'push')
 
         await wrapper.trigger('click')
         await flushPromises()
 
-        expect(
-          router.currentRoute.value.path
-        ).toBe(testRoute)
+        expect(router.currentRoute.value.path).toBe(testRoute)
 
         expect(routerFn).toHaveBeenCalledTimes(1)
         expect(routerFn).toHaveBeenCalledWith(testRoute)
+
+        vi.restoreAllMocks()
       })
 
       test('type Object has effect', async () => {
@@ -48,32 +44,28 @@ describe('[QBreadcrumbsEl API]', () => {
 
         const wrapper = mount(QBreadcrumbsEl, {
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ to: propVal })
         await flushPromises()
 
-        expect(
-          wrapper.get('a').attributes('href')
-        ).toBe(testRoute)
+        expect(wrapper.get('a').attributes('href')).toBe(testRoute)
 
         const routerFn = vi.spyOn(router, 'push')
 
         await wrapper.trigger('click')
         await flushPromises()
 
-        expect(
-          router.currentRoute.value.path
-        ).toBe(testRoute)
+        expect(router.currentRoute.value.path).toBe(testRoute)
 
         expect(routerFn).toHaveBeenCalledTimes(1)
         expect(routerFn).toHaveBeenCalledWith(propVal)
+
+        vi.restoreAllMocks()
       })
     })
 
@@ -90,37 +82,27 @@ describe('[QBreadcrumbsEl API]', () => {
             exactActiveClass
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ to: '/route/subRoute' })
         await flushPromises()
 
-        expect(
-          wrapper.get('a').attributes('href')
-        ).toBe('/route/subRoute')
+        expect(wrapper.get('a').attributes('href')).toBe('/route/subRoute')
 
-        expect(
-          wrapper.get('a').classes()
-        ).not.toContain(
-          expect.$any([ activeClass, exactActiveClass ])
+        expect(wrapper.get('a').classes()).not.toContain(
+          expect.$any([activeClass, exactActiveClass])
         )
 
         await router.push('/route')
 
-        expect(
-          router.currentRoute.value.path
-        ).toBe('/route')
+        expect(router.currentRoute.value.path).toBe('/route')
 
-        expect(
-          wrapper.get('a').classes()
-        ).not.toContain(
-          expect.$any([ activeClass, exactActiveClass ])
+        expect(wrapper.get('a').classes()).not.toContain(
+          expect.$any([activeClass, exactActiveClass])
         )
 
         await router.push('/route/subRoute')
@@ -142,32 +124,28 @@ describe('[QBreadcrumbsEl API]', () => {
             replace: true
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ to: testRoute })
         await flushPromises()
 
-        expect(
-          wrapper.get('a').attributes('href')
-        ).toBe(testRoute)
+        expect(wrapper.get('a').attributes('href')).toBe(testRoute)
 
         const routerFn = vi.spyOn(router, 'replace')
 
         await wrapper.trigger('click')
         await flushPromises()
 
-        expect(
-          router.currentRoute.value.path
-        ).toBe(testRoute)
+        expect(router.currentRoute.value.path).toBe(testRoute)
 
         expect(routerFn).toHaveBeenCalledTimes(1)
         expect(routerFn).toHaveBeenCalledWith(testRoute)
+
+        routerFn.mockRestore()
       })
     })
 
@@ -181,40 +159,28 @@ describe('[QBreadcrumbsEl API]', () => {
             activeClass
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ to: '/route' })
         await flushPromises()
 
-        expect(
-          wrapper.get('a').attributes('href')
-        ).toBe('/route')
+        expect(wrapper.get('a').attributes('href')).toBe('/route')
 
-        expect(
-          wrapper.get('a').classes()
-        ).not.toContain(activeClass)
+        expect(wrapper.get('a').classes()).not.toContain(activeClass)
 
         await router.push('/route')
 
-        expect(
-          router.currentRoute.value.path
-        ).toBe('/route')
+        expect(router.currentRoute.value.path).toBe('/route')
 
-        expect(
-          wrapper.get('a').classes()
-        ).toContain(activeClass)
+        expect(wrapper.get('a').classes()).toContain(activeClass)
 
         await router.push('/route/subRoute')
 
-        expect(
-          wrapper.get('a').classes()
-        ).toContain(activeClass)
+        expect(wrapper.get('a').classes()).toContain(activeClass)
       })
     })
 
@@ -231,46 +197,32 @@ describe('[QBreadcrumbsEl API]', () => {
             exactActiveClass
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ to: '/route/subRoute' })
         await flushPromises()
 
-        expect(
-          wrapper.get('a').attributes('href')
-        ).toBe('/route/subRoute')
+        expect(wrapper.get('a').attributes('href')).toBe('/route/subRoute')
 
-        expect(
-          wrapper.get('a').classes()
-        ).not.toContain(exactActiveClass)
+        expect(wrapper.get('a').classes()).not.toContain(exactActiveClass)
 
         await router.push('/route')
 
-        expect(
-          router.currentRoute.value.path
-        ).toBe('/route')
+        expect(router.currentRoute.value.path).toBe('/route')
 
-        expect(
-          wrapper.get('a').classes()
-        ).not.toContain(exactActiveClass)
+        expect(wrapper.get('a').classes()).not.toContain(exactActiveClass)
 
         await router.push('/route/subRoute')
 
-        expect(
-          wrapper.get('a').classes()
-        ).toContain(exactActiveClass)
+        expect(wrapper.get('a').classes()).toContain(exactActiveClass)
 
         await router.push('/route/subRoute/other')
 
-        expect(
-          wrapper.get('a').classes()
-        ).not.toContain(exactActiveClass)
+        expect(wrapper.get('a').classes()).not.toContain(exactActiveClass)
       })
     })
 
@@ -279,16 +231,12 @@ describe('[QBreadcrumbsEl API]', () => {
         const propVal = 'https://quasar.dev'
         const wrapper = mount(QBreadcrumbsEl)
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ href: propVal })
         await flushPromises()
 
-        expect(
-          wrapper.get('a').attributes('href')
-        ).toBe(propVal)
+        expect(wrapper.get('a').attributes('href')).toBe(propVal)
       })
     })
 
@@ -302,22 +250,16 @@ describe('[QBreadcrumbsEl API]', () => {
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.setProps({ href })
         await flushPromises()
 
         const link = wrapper.get('a')
 
-        expect(
-          link.attributes('href')
-        ).toBe(href)
+        expect(link.attributes('href')).toBe(href)
 
-        expect(
-          link.attributes('target')
-        ).toBe(propVal)
+        expect(link.attributes('target')).toBe(propVal)
       })
     })
 
@@ -331,27 +273,21 @@ describe('[QBreadcrumbsEl API]', () => {
             to: testRoute
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(true)
+        expect(wrapper.find('a').exists()).toBe(true)
 
         await wrapper.setProps({ disable: true })
         await flushPromises()
 
-        expect(
-          wrapper.find('a').exists()
-        ).toBe(false)
+        expect(wrapper.find('a').exists()).toBe(false)
 
         await wrapper.trigger('click')
         await flushPromises()
 
-        expect(
-          router.currentRoute.value.path
-        ).not.toBe(testRoute)
+        expect(router.currentRoute.value.path).not.toBe(testRoute)
       })
     })
 
@@ -374,16 +310,12 @@ describe('[QBreadcrumbsEl API]', () => {
         const propVal = 'map'
         const wrapper = mount(QBreadcrumbsEl)
 
-        expect(
-          wrapper.find('.q-icon').exists()
-        ).toBe(false)
+        expect(wrapper.find('.q-icon').exists()).toBe(false)
 
         await wrapper.setProps({ icon: propVal })
         await flushPromises()
 
-        expect(
-          wrapper.get('.q-icon').text()
-        ).toContain(propVal)
+        expect(wrapper.get('.q-icon').text()).toContain(propVal)
       })
     })
 
@@ -400,9 +332,7 @@ describe('[QBreadcrumbsEl API]', () => {
         await wrapper.setProps({ tag: propVal })
         await flushPromises()
 
-        expect(
-          wrapper.element.tagName
-        ).toBe(propVal.toUpperCase())
+        expect(wrapper.element.tagName).toBe(propVal.toUpperCase())
       })
     })
   })
@@ -433,7 +363,7 @@ describe('[QBreadcrumbsEl API]', () => {
         expect(eventList).toHaveProperty('click')
         expect(eventList.click).toHaveLength(1)
 
-        const [ evt, go ] = eventList.click[ 0 ]
+        const [evt, go] = eventList.click[0]
         expect(evt).toBeInstanceOf(Event)
         expect(go).not.toBeDefined()
       })
@@ -447,7 +377,7 @@ describe('[QBreadcrumbsEl API]', () => {
             to: testRoute
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
@@ -457,7 +387,7 @@ describe('[QBreadcrumbsEl API]', () => {
         expect(eventList).toHaveProperty('click')
         expect(eventList.click).toHaveLength(1)
 
-        const [ evt, go ] = eventList.click[ 0 ]
+        const [evt, go] = eventList.click[0]
         expect(evt).toBeInstanceOf(Event)
         expect(go).toBeTypeOf('function')
       })
@@ -472,16 +402,14 @@ describe('[QBreadcrumbsEl API]', () => {
             onClick: e => e.preventDefault()
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
         await wrapper.trigger('click')
         await flushPromises()
 
-        expect(
-          router.currentRoute.value.path
-        ).not.toBe(testRoute)
+        expect(router.currentRoute.value.path).not.toBe(testRoute)
       })
 
       test('can manually navigate by calling go()', async () => {
@@ -497,16 +425,14 @@ describe('[QBreadcrumbsEl API]', () => {
             }
           },
           global: {
-            plugins: [ router ]
+            plugins: [router]
           }
         })
 
         await wrapper.trigger('click')
         await flushPromises()
 
-        expect(
-          router.currentRoute.value.path
-        ).toBe(testRoute)
+        expect(router.currentRoute.value.path).toBe(testRoute)
       })
     })
   })

package/src/components/breadcrumbs/index.js

@@ -1,7 +1,4 @@
 import QBreadcrumbs from './QBreadcrumbs.js'
 import QBreadcrumbsEl from './QBreadcrumbsEl.js'
 
-export {
-  QBreadcrumbs,
-  QBreadcrumbsEl
-}
+export { QBreadcrumbs, QBreadcrumbsEl }