quasar 2.11.6 → 2.11.8

package/src/composables/private/__tests__/{use-transition.spec.js → use-transition.cy.js}

@@ -1,12 +1,11 @@
-import { mount } from '@cypress/vue'
-import WrapperOne from './../../../components/menu/__tests__/WrapperOne.vue'
+import WrapperOne from '../../../components/menu/__tests__/WrapperOne.vue'
 
 describe('use-transition API', () => {
   describe('Props', () => {
     describe('Category: transition', () => {
       describe('(prop): transition-show', () => {
         it('should use the fade transition by default', () => {
-          mount(WrapperOne)
+          cy.mount(WrapperOne)
           cy.dataCy('wrapper')
             .click()
           cy.dataCy('menu', { timeout: 0 }) // Disable retry
@@ -15,7 +14,7 @@ describe('use-transition API', () => {
 
         it('should use a different show transition if defined', () => {
           const transition = 'scale'
-          mount(WrapperOne, {
+          cy.mount(WrapperOne, {
             props: {
               transitionShow: transition
             }
@@ -29,7 +28,7 @@ describe('use-transition API', () => {
 
       describe('(prop): transition-hide', () => {
         it('should use the fade transition by default', () => {
-          mount(WrapperOne)
+          cy.mount(WrapperOne)
           cy.dataCy('wrapper')
             .click()
           cy.dataCy('menu')
@@ -42,7 +41,7 @@ describe('use-transition API', () => {
 
         it('should use a different hide transition if defined', () => {
           const transition = 'scale'
-          mount(WrapperOne, {
+          cy.mount(WrapperOne, {
             props: {
               transitionHide: transition
             }
@@ -60,7 +59,7 @@ describe('use-transition API', () => {
 
       describe('(prop): transition-duration', () => {
         it('should be done with transitioning after 300ms passed', () => {
-          mount(WrapperOne)
+          cy.mount(WrapperOne)
           // eslint-disable-next-line cypress/no-unnecessary-waiting
           cy.dataCy('wrapper')
             .click()
@@ -70,7 +69,7 @@ describe('use-transition API', () => {
         })
 
         it('should not be done with transitioning before 300ms passed', () => {
-          mount(WrapperOne)
+          cy.mount(WrapperOne)
           // eslint-disable-next-line cypress/no-unnecessary-waiting
           cy.dataCy('wrapper')
             .click()
@@ -80,7 +79,7 @@ describe('use-transition API', () => {
         })
 
         it('should be done after a custom 1000ms passed', () => {
-          mount(WrapperOne, {
+          cy.mount(WrapperOne, {
             props: {
               transitionDuration: 1000
             }
@@ -94,7 +93,7 @@ describe('use-transition API', () => {
         })
 
         it('should not be done before a custom 1000ms passed', () => {
-          mount(WrapperOne, {
+          cy.mount(WrapperOne, {
             props: {
               transitionDuration: 1000
             }

package/src/composables/private/__tests__/{use-validate.spec.js → use-validate.cy.js}

@@ -1,6 +1,5 @@
-import { mount } from '@cypress/vue'
 import FieldWrapper from './FieldWrapper.vue'
-import Icons from './../../../../icon-set/material-icons.mjs'
+import Icons from '../../../../icon-set/material-icons.mjs'
 
 // const snapshotOptions = { customSnapshotsDir: '../__tests__' }
 
@@ -36,7 +35,7 @@ describe('use-validate API', () => {
       describe('(prop): error-message', () => {
         it('should show an error-message when error is true', () => {
           const message = 'Please select something'
-          mount(FieldWrapper, {
+          cy.mount(FieldWrapper, {
             props: {
               error: true,
               errorMessage: message
@@ -48,7 +47,7 @@ describe('use-validate API', () => {
 
         it('should not show an error-message when error is false', () => {
           const message = 'Please select something'
-          mount(FieldWrapper, {
+          cy.mount(FieldWrapper, {
             props: {
               error: false,
               errorMessage: message
@@ -61,7 +60,7 @@ describe('use-validate API', () => {
 
       describe('(prop): no-error-icon', () => {
         it('should not show an error icon when error is true', () => {
-          mount(FieldWrapper, {
+          cy.mount(FieldWrapper, {
             props: {
               error: true,
               noErrorIcon: true
@@ -73,7 +72,7 @@ describe('use-validate API', () => {
         })
 
         it('should show an error icon when error is true an no-error-icon is false', () => {
-          mount(FieldWrapper, {
+          cy.mount(FieldWrapper, {
             props: {
               error: true,
               noErrorIcon: false

package/src/composables/private/use-fullscreen.json

@@ -17,6 +17,18 @@
     }
   },
 
+  "events": {
+    "fullscreen": {
+      "desc": "Emitted when fullscreen state changes",
+      "params": {
+        "value": {
+          "type": "Boolean",
+          "desc": "Fullscreen state (showing/hidden)"
+        }
+      }
+    }
+  },
+
   "methods": {
     "toggleFullscreen": {
       "desc": "Toggle the view to be fullscreen or not fullscreen"

package/src/plugins/BottomSheet.json

@@ -38,6 +38,14 @@
                   "examples": [ "my-class" ]
                 },
 
+                "style": {
+                  "type": [ "String", "Array", "Object" ],
+                  "tsType": "VueStyleProp",
+                  "desc": "Style definitions to be attributed to this action element",
+                  "examples": [ "{ padding: '2px' }" ],
+                  "addedIn": "v2.11.7"
+                },
+
                 "icon": {
                   "extends": "icon"
                 },