bootstrap-vue/src/components/layout/row.spec.js

Quickly integrate Bootstrap 4 components with Vue.js

import { loadFixture, testVM } from '../../../tests/utils'

describe('form-row', async () => {
  beforeEach(loadFixture(__dirname, 'row'))
  testVM()

  it('default should contain base class', async () => {
    const { app: { $refs } } = window
    expect($refs.default).toHaveClass('row')
  })

  it('custom should contain base class', async () => {
    const { app: { $refs } } = window
    expect($refs.custom).toHaveClass('row')
  })

  it('noGutters should contain classes', async () => {
    const { app: { $refs } } = window
    expect($refs.noGutters).toHaveClass('row')
    expect($refs.noGutters).toHaveClass('no-gutters')
  })

  it('default should have content', async () => {
    const { app: { $refs } } = window
    expect($refs.default.textContent).toContain('default')
  })

  it('custom should have content', async () => {
    const { app: { $refs } } = window
    expect($refs.custom.textContent).toContain('custom')
  })

  it('noGutters should have content', async () => {
    const { app: { $refs } } = window
    expect($refs.noGutters.textContent).toContain('no gutters')
  })

  it('default should have tag div', async () => {
    const { app: { $refs } } = window
    expect($refs.default).toBeElement('div')
  })

  it('custom should have tag p', async () => {
    const { app: { $refs } } = window
    expect($refs.custom).toBeElement('p')
  })

  it('noGutters should have tag div', async () => {
    const { app: { $refs } } = window
    expect($refs.noGutters).toBeElement('div')
  })
})