@keeer/material-components-vue/components/radio/__test__/Radio.spec.js

Material Design components for Vue.js

import 'mutationobserver-shim'
import { mount } from '@vue/test-utils'
import Radio from '../Radio.vue'

describe('Radio', () => {
  it('should mount', () => {
    const wrapper = mount(Radio)
    expect(wrapper.isVueInstance()).toBeTruthy()
    expect(wrapper.vm.$data.mdcRadio).toBeDefined()
  })

  it('should render with no prop', () => {
    const wrapper = mount(Radio)
    expect(wrapper).toMatchSnapshot()
    expect(wrapper.classes()).toContain('mdc-radio')
    expect(wrapper.find('input').attributes('disabled')).toBeUndefined()
  })

  it('should render as disabled', () => {
    const wrapper = mount(Radio, {
      attrs: {
        disabled: true
      }
    })

    expect(wrapper).toMatchSnapshot()
    expect(wrapper.classes()).toContain('mdc-radio--disabled')
    expect(wrapper.find('input').attributes('disabled')).toBeDefined()
  })

  it('should render and emit', () => {
    const wrapper = mount(Radio, {
      attrs: {
        value: 'val'
      }
    })

    expect(wrapper).toMatchSnapshot()

    const radio = wrapper.find('input')
    radio.setChecked(true)
    expect(wrapper.emitted().change.length).toBe(1)
    expect(wrapper.emitted().change[0]).toEqual(['val'])
  })
})