quasar 2.15.4 → 2.16.0

package/src/components/spinner/QSpinnerGrid.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerGrid from './QSpinnerGrid.js'
+
+describe('[QSpinnerGrid API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerGrid)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerGrid)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerHearts.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerHearts from './QSpinnerHearts.js'
+
+describe('[QSpinnerHearts API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerHearts)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerHearts)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerHourglass.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerHourglass from './QSpinnerHourglass.js'
+
+describe('[QSpinnerHourglass API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerHourglass)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerHourglass)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerInfinity.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerInfinity from './QSpinnerInfinity.js'
+
+describe('[QSpinnerInfinity API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerInfinity)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerInfinity)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerIos.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerIos from './QSpinnerIos.js'
+
+describe('[QSpinnerIos API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerIos)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerIos)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerOrbit.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerOrbit from './QSpinnerOrbit.js'
+
+describe('[QSpinnerOrbit API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerOrbit)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerOrbit)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerOval.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerOval from './QSpinnerOval.js'
+
+describe('[QSpinnerOval API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerOval)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerOval)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerPie.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerPie from './QSpinnerPie.js'
+
+describe('[QSpinnerPie API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerPie)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerPie)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerPuff.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerPuff from './QSpinnerPuff.js'
+
+describe('[QSpinnerPuff API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerPuff)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerPuff)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerRadio.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerRadio from './QSpinnerRadio.js'
+
+describe('[QSpinnerRadio API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerRadio)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerRadio)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})

package/src/components/spinner/QSpinnerRings.test.js

@@ -0,0 +1,59 @@
+import { mount, flushPromises } from '@vue/test-utils'
+import { describe, test, expect } from 'vitest'
+
+import QSpinnerRings from './QSpinnerRings.js'
+
+describe('[QSpinnerRings API]', () => {
+  describe('[Props]', () => {
+    describe('[(prop)size]', () => {
+      test.each([
+        [ 'String', '100px' ],
+        [ 'Number', 100 ]
+      ])('type %s has effect', async (_, propVal) => {
+        const expectedValue = '' + propVal
+        const wrapper = mount(QSpinnerRings)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.attributes('width')
+        ).not.toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).not.toBe(expectedValue)
+
+        await wrapper.setProps({ size: propVal })
+        await flushPromises()
+
+        expect(
+          target.attributes('width')
+        ).toBe(expectedValue)
+
+        expect(
+          target.attributes('height')
+        ).toBe(expectedValue)
+      })
+    })
+
+    describe('[(prop)color]', () => {
+      test('type String has effect', async () => {
+        const propVal = 'red'
+        const wrapper = mount(QSpinnerRings)
+
+        const target = wrapper.get('.q-spinner')
+
+        expect(
+          target.classes()
+        ).not.toContain('text-red')
+
+        await wrapper.setProps({ color: propVal })
+        await flushPromises()
+
+        expect(
+          target.classes()
+        ).toContain('text-red')
+      })
+    })
+  })
+})