vue-material/src/components/MdCard/MdCardArea/MdCardArea.test.js

Material Design for Vue.js

import mountTemplate from 'test/utils/mountTemplate'
import mockConsole from 'test/utils/mockConsole'
import MdCard from '../MdCard.vue'
import MdCardArea from './MdCardArea.vue'

const cardComponents = {
  components: { MdCardArea }
}

test('should render the area', async () => {
  const template = `
    <md-card>
      <md-card-area></md-card-area>
    </md-card>
  `
  const wrapper = await mountTemplate(MdCard, template, cardComponents)
  const area = wrapper.find(MdCardArea)[0]

  expect(area.hasClass('md-card-area')).toBe(true)
  expect(area.hasClass('md-inset')).toBe(false)
})

test('should inset class', async () => {
  const template = `
    <md-card>
      <md-card-area md-inset></md-card-area>
    </md-card>
  `
  const wrapper = await mountTemplate(MdCard, template, cardComponents)
  const area = wrapper.find(MdCardArea)[0]

  expect(area.hasClass('md-card-area')).toBe(true)
  expect(area.hasClass('md-inset')).toBe(true)
})