quasar/src/composables/private/__tests__/use-size.cy.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import QAvatar from '../../../components/avatar/QAvatar.js'
import { useSizeDefaults } from '../use-size.js'

describe('use-size API', () => {
  describe('Props', () => {
    describe('Category: style', () => {
      describe('(prop): size', () => {
        it('should set the size', () => {
          const size = '24px'
          cy.mount(QAvatar, {
            props: {
              size,
              color: 'grey'
            }
          })

          cy.get('.q-avatar')
            .should('have.css', 'font-size', size)
        })

        it('should set the size with standard size names', () => {
          const size = 'sm'
          cy.mount(QAvatar, {
            props: {
              size,
              color: 'grey'
            }
          })

          cy.get('.q-avatar')
            .should('have.css', 'font-size', `${ useSizeDefaults.sm }px`)
        })
      })
    })
  })
})