bootstrap-vue/src/components/input-group/input-group-text.spec.js

BootstrapVue, with over 40 plugins and more than 75 custom components, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

import { mount } from '@vue/test-utils'
import BInputGroupText from './input-group-text'

describe('input-group > input-group-text', () => {
  it('has expected default structure', async () => {
    const wrapper = mount(BInputGroupText)

    expect(wrapper.is('div')).toBe(true)
    expect(wrapper.classes()).toContain('input-group-text')
    expect(wrapper.classes().length).toBe(1)
    expect(wrapper.text()).toBe('')
  })

  it('has custom root element when prop tag set', async () => {
    const wrapper = mount(BInputGroupText, {
      propsData: {
        tag: 'span'
      }
    })

    expect(wrapper.is('span')).toBe(true)
    expect(wrapper.classes()).toContain('input-group-text')
    expect(wrapper.classes().length).toBe(1)
    expect(wrapper.text()).toBe('')
  })

  it('renders content of default slot', async () => {
    const wrapper = mount(BInputGroupText, {
      slots: {
        default: 'foobar'
      }
    })

    expect(wrapper.is('div')).toBe(true)
    expect(wrapper.classes()).toContain('input-group-text')
    expect(wrapper.classes().length).toBe(1)
    expect(wrapper.text()).toBe('foobar')
  })
})