quasar 2.10.0 → 2.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.10.0",
+  "version": "2.10.1",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",
@@ -67,7 +67,7 @@
   },
   "homepage": "https://quasar.dev",
   "devDependencies": {
-    "@quasar/app-vite": "^1.1.1",
+    "@quasar/app-vite": "^1.1.3",
     "@quasar/extras": "^1.12.0",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "^4.1.2",
     "@rollup/plugin-node-resolve": "^11.2.1",
@@ -96,7 +96,7 @@
     "rollup": "^2.34.0",
     "table": "^6.0.4",
     "uglify-es": "^3.3.9",
-    "vue": "^3.2.37",
+    "vue": "^3.2.41",
     "vue-router": "^4.0.16",
     "yargs": "^17.3.0"
   },

package/src/api.extends.json

@@ -161,8 +161,7 @@
         "value": {
           "type": "Any",
           "desc": "New model value",
-          "required": true,
-          "__exemption": [ "examples" ]
+          "required": true
         }
       }
     },

package/src/components/ajax-bar/QAjaxBar.json

@@ -9,7 +9,6 @@
       "desc": "Position within window of where QAjaxBar should be displayed",
       "default": "top",
       "values": [ "top", "right", "bottom", "left" ],
-      "examples": [ "bottom" ],
       "category": "style"
     },
 
@@ -70,14 +69,12 @@
         "speed": {
           "type": "Number",
           "default": 300,
-          "desc": "Delay (in milliseconds) between progress auto-increments; If delay is 0 then it disables auto-incrementing",
-          "examples": [ 400, 0 ]
+          "desc": "Delay (in milliseconds) between progress auto-increments; If delay is 0 then it disables auto-incrementing"
         }
       },
       "returns": {
         "type": "Number",
-        "desc": "Number of active simultaneous sessions",
-        "__exemption": [ "examples" ]
+        "desc": "Number of active simultaneous sessions"
       }
     },
 
@@ -86,14 +83,12 @@
       "params": {
         "amount": {
           "type": "Number",
-          "desc": "Amount (0 < x <= 100) to increment with",
-          "examples": [ 1 ]
+          "desc": "Amount (0 < x <= 100) to increment with"
         }
       },
       "returns": {
         "type": "Number",
-        "desc": "Number of active simultaneous sessions",
-        "__exemption": [ "examples" ]
+        "desc": "Number of active simultaneous sessions"
       }
     },
 
@@ -101,8 +96,7 @@
       "desc": "Notify bar that one process you were waiting has finished",
       "returns": {
         "type": "Number",
-        "desc": "Number of active simultaneous sessions",
-        "__exemption": [ "examples" ]
+        "desc": "Number of active simultaneous sessions"
       }
     }
   }

package/src/components/breadcrumbs/QBreadcrumbs.json

@@ -24,7 +24,6 @@
       "desc": "The gutter value allows you control over the space between the breadcrumb elements.",
       "default": "sm",
       "values": [ "none", "xs", "sm", "md", "lg", "xl" ],
-      "examples": [ "md", "lg" ],
       "category": "content"
     },
 
@@ -39,7 +38,6 @@
       "default": "left",
       "desc": "Specify how to align the breadcrumbs horizontally",
       "values": [ "left", "center", "right", "between", "around", "evenly" ],
-      "examples": [ "left", "center" ],
       "category": "content"
     }
   },

package/src/components/breadcrumbs/QBreadcrumbsEl.json

@@ -75,8 +75,7 @@
           },
           "returns": {
             "type": "Promise<any>",
-            "desc": "Returns the router's navigation promise",
-            "__exemption": [ "examples" ]
+            "desc": "Returns the router's navigation promise"
           }
         }
       }

package/src/components/btn/QBtn.json

@@ -15,7 +15,6 @@
     "percentage": {
       "type": "Number",
       "desc": "Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background",
-      "examples": [ 23 ],
       "category": "behavior"
     },
 
@@ -92,8 +91,7 @@
           },
           "returns": {
             "type": "Promise<any>",
-            "desc": "Returns the router's navigation promise",
-            "__exemption": [ "examples" ]
+            "desc": "Returns the router's navigation promise"
           }
         }
       }

package/src/components/btn/__tests__/QBtn.spec.js

@@ -1,23 +1,65 @@
+import { mount } from '@cypress/vue'
+import QBtn from '../QBtn.js'
+
+const defaultOptions = {
+  label: 'simple Btn'
+}
+
+function mountQBtn (options = {}) {
+  options.props = {
+    ...defaultOptions,
+    ...options.props
+  }
+
+  return mount(QBtn, options)
+}
+
 describe('Btn API', () => {
   describe('Props', () => {
     describe('Category: behavior', () => {
       describe('(prop): percentage', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a button with a percentage when "loading" prop is set to true', () => {
+          const percentage = 50
+
+          mountQBtn({
+            props: {
+              percentage,
+              loading: true
+            }
+          })
+
+          cy.get('.q-btn').should('have.attr', 'aria-valuenow', percentage)
         })
       })
 
       describe('(prop): dark-percentage', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a button with a dark percentage when "loading" prop is set to true', () => {
+          const percentage = 50
+
+          mountQBtn({
+            props: {
+              percentage,
+              loading: true,
+              darkPercentage: true
+            }
+          })
+
+          cy.get('.q-btn').should('have.attr', 'aria-valuenow', percentage)
+            .get('.q-btn__progress').should('have.class', 'q-btn__progress--dark')
         })
       })
     })
 
     describe('Category: style', () => {
       describe('(prop): round', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a circle shaped button when "round" prop is set to true', () => {
+          mountQBtn({
+            props: {
+              round: true
+            }
+          })
+
+          cy.get('.q-btn').should('have.class', 'q-btn--round')
         })
       })
     })
@@ -25,30 +67,61 @@ describe('Btn API', () => {
 
   describe('Slots', () => {
     describe('(slot): default', () => {
-      it.skip(' ', () => {
-        //
+      it('should render a button with a label', () => {
+        mountQBtn()
+
+        cy.get('.q-btn').should('contain', defaultOptions.label)
       })
     })
 
     describe('(slot): loading', () => {
-      it.skip(' ', () => {
-        //
+      it('should render a button with a loading slot', () => {
+        const loadingSlot = 'loading slot'
+
+        mountQBtn({
+          props: {
+            loading: true
+          },
+          slots: {
+            loading: loadingSlot
+          }
+        })
+
+        cy.get('.q-btn').should('contain', loadingSlot).contains(defaultOptions.label).should('not.be.visible')
       })
     })
   })
 
   describe('Events', () => {
     describe('(event): click', () => {
-      it.skip(' ', () => {
-        //
+      it('should emit a click event when the button is clicked', () => {
+        const fn = cy.stub()
+
+        mountQBtn({
+          props: {
+            onClick: fn
+          }
+        })
+
+        cy.get('.q-btn').click()
+          .then(() => expect(fn).to.be.calledOnce)
       })
     })
   })
 
   describe('Methods', () => {
     describe('(method): click', () => {
-      it.skip(' ', () => {
-        //
+      it('should click the button', () => {
+        const fn = cy.stub()
+
+        mountQBtn({
+          props: {
+            onClick: fn
+          }
+        })
+
+        cy.get('.q-btn').invoke('click')
+          .then(() => expect(fn).to.be.calledOnce)
       })
     })
   })