quasar 2.4.10 → 2.5.0

package/src/composables/private/__tests__/use-anchor.spec.js

@@ -0,0 +1,99 @@
+import { mount } from '@cypress/vue'
+import WrapperOne from './../../../components/menu/__tests__/WrapperOne.vue'
+
+describe('use-anchor API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): target', () => {
+        it('should use another target using a CSS selector', () => {
+          mount(WrapperOne, {
+            attrs: {
+              target: '.other-target'
+            }
+          })
+
+          // Click on parent element should not show menu
+          cy.dataCy('wrapper')
+            .click()
+          cy.dataCy('menu')
+            .should('not.exist')
+
+          // Click on other target should show menu
+          cy.dataCy('other-target')
+            .click()
+          cy.dataCy('menu')
+            .should('exist')
+        })
+
+        it('should not show when target is false', () => {
+          mount(WrapperOne, {
+            attrs: {
+              target: false
+            }
+          })
+
+          cy.dataCy('wrapper')
+            .click()
+          cy.dataCy('menu')
+            .should('not.exist')
+        })
+      })
+
+      describe('(prop): no-parent-event', () => {
+        it('should not show when clicking parent with no-parent-event true', () => {
+          mount(WrapperOne, {
+            attrs: {
+              'no-parent-event': true
+            }
+          })
+
+          cy.dataCy('wrapper')
+            .click()
+          cy.dataCy('menu')
+            .should('not.exist')
+        })
+
+        it('should show when clicking parent with no-parent-event false', () => {
+          mount(WrapperOne, {
+            attrs: {
+              'no-parent-event': false
+            }
+          })
+
+          cy.dataCy('wrapper')
+            .click()
+          cy.dataCy('menu')
+            .should('exist')
+        })
+      })
+
+      describe('(prop): context-menu', () => {
+        it('should not show when left clicking parent', () => {
+          mount(WrapperOne, {
+            attrs: {
+              'context-menu': true
+            }
+          })
+
+          cy.dataCy('wrapper')
+            .click()
+          cy.dataCy('menu')
+            .should('not.exist')
+        })
+
+        it('should show when right clicking parent', () => {
+          mount(WrapperOne, {
+            attrs: {
+              'context-menu': true
+            }
+          })
+
+          cy.dataCy('wrapper')
+            .rightclick()
+          cy.dataCy('menu')
+            .should('exist')
+        })
+      })
+    })
+  })
+})

package/src/composables/private/__tests__/use-field.spec.js

@@ -0,0 +1,351 @@
+import { mount } from '@cypress/vue'
+import FieldWrapper from './FieldWrapper.vue'
+
+describe('use-field API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): autofocus', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): for', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): name', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: behavior|content', () => {
+      describe('(prop): loading', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): clearable', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: content', () => {
+      describe('(prop): label', () => {
+        it('should show the label when supplied', () => {
+          const label = 'Select something'
+          mount(FieldWrapper, {
+            attrs: {
+              label
+            }
+          })
+          cy.get('.select-root')
+            .should('contain.text', label)
+        })
+
+        it('should show the label centered when not focused', () => {
+          const label = 'Select something'
+          mount(FieldWrapper, {
+            attrs: {
+              label
+            }
+          })
+          cy.get('.select-root')
+            .get(`div:contains(${ label })`)
+            .should('exist')
+            .should('not.have.class', 'q-field--float')
+        })
+
+        it('should show the label stacked when focused', () => {
+          const label = 'Select something'
+          mount(FieldWrapper, {
+            attrs: {
+              label
+            }
+          })
+          cy.get('.select-root [tabindex="0"]')
+            .focus()
+          cy.get(`.select-root:contains(${ label })`)
+            .should('exist')
+            .should('have.class', 'q-field--float')
+        })
+      })
+
+      describe('(prop): stack-label', () => {
+        it('should show the label stacked', () => {
+          const label = 'Select something'
+          mount(FieldWrapper, {
+            attrs: {
+              label,
+              stackLabel: true
+            }
+          })
+          cy.get(`.select-root:contains(${ label })`)
+            .should('exist')
+            .should('have.class', 'q-field--float')
+        })
+      })
+
+      describe('(prop): hint', () => {
+        it('should show a hint text', () => {
+          const hint = 'Select something'
+          mount(FieldWrapper, {
+            attrs: {
+              hint
+            }
+          })
+          cy.get(`.select-root:contains(${ hint })`)
+            .should('exist')
+        })
+      })
+
+      describe('(prop): hide-hint', () => {
+        it('should not show a hint text when not focused', () => {
+          const hint = 'Select something'
+          mount(FieldWrapper, {
+            attrs: {
+              hint,
+              hideHint: true
+            }
+          })
+          cy.get(`.select-root:contains(${ hint })`)
+            .should('not.exist')
+        })
+        it('should show a hint text when focused', () => {
+          const hint = 'Select something'
+          mount(FieldWrapper, {
+            attrs: {
+              hint,
+              hideHint: true
+            }
+          })
+          cy.get('.select-root [tabindex="0"]')
+            .focus()
+          cy.get(`.select-root:contains(${ hint })`)
+            .should('exist')
+        })
+      })
+
+      describe('(prop): prefix', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): suffix', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): clear-icon', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): label-slot', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): bottom-slots', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): counter', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: state', () => {
+      describe('(prop): disable', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): readonly', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): label-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): bg-color', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): dark', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): filled', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): outlined', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): borderless', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): standout', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): hide-bottom-space', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): rounded', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): square', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): dense', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): item-aligned', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): prepend', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): append', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): before', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): after', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): label', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): error', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): hint', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): counter', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(slot): loading', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Events', () => {
+    describe('(event): clear', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Methods', () => {
+    describe('(method): focus', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): blur', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/composables/private/__tests__/use-file.spec.js

@@ -0,0 +1,69 @@
+describe('use-file API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): multiple', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): accept', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): capture', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): max-file-size', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): max-total-size', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): max-files', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): filter', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Events', () => {
+    describe('(event): rejected', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+
+  describe('Methods', () => {
+    describe('(method): pickFiles', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): addFiles', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})

package/src/composables/private/__tests__/use-form.spec.js

@@ -0,0 +1,11 @@
+describe('use-form API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): name', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+})

package/src/composables/private/__tests__/use-fullscreen.spec.js

@@ -0,0 +1,37 @@
+describe('use-fullscreen API', () => {
+  describe('Props', () => {
+    describe('Category: behavior', () => {
+      describe('(prop): fullscreen', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+
+      describe('(prop): no-route-fullscreen-exit', () => {
+        it.skip(' ', () => {
+          //
+        })
+      })
+    })
+  })
+
+  describe('Methods', () => {
+    describe('(method): toggleFullscreen', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): setFullscreen', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+
+    describe('(method): exitFullscreen', () => {
+      it.skip(' ', () => {
+        //
+      })
+    })
+  })
+})