vuetify/src/components/VCounter/__tests__/VCounter.spec.ts

Vue Material Component Framework

// Libraries
import Vue from 'vue'

// Components
import VCounter from '../VCounter'

// Utilities
import {
  createLocalVue,
  mount,
  Wrapper,
} from '@vue/test-utils'

describe('VCounter.ts', () => {
  let mountFunction: (ctx?: object, name?: string) => Wrapper<Vue>
  let localVue: typeof Vue

  beforeEach(() => {
    localVue = createLocalVue()

    mountFunction = (ctx = {}, name = 'add') => {
      return mount(VCounter, {
        localVue,
        context: Object.assign({
          children: [name],
          data: {},
          props: {},
        }, ctx),
      })
    }
  })

  it('should render component', () => {
    const wrapper = mountFunction({
      props: { value: 5, max: 10 },
    })

    expect(wrapper.html()).toMatchSnapshot()
  })

  it('should render component in error state', () => {
    const wrapper = mountFunction({
      props: { value: 15, max: 10 },
    })

    expect(wrapper.classes('error--text')).toBe(true)
  })

  it('should render component if max is not provided', () => {
    const wrapper = mountFunction({
      props: { value: 15 },
    })

    expect(wrapper.element.textContent).toBe('15')
  })
})