vue-command.spec.js

import { mount } from '@vue/test-utils'
import VueCommand from '@/components/VueCommand.vue'
import VueCommandQuery from '@/components/VueCommandQuery.vue'

// Mock
class ResizeObserver {
  observe () { }
  unobserve () { }
  disconnect () { }
}

window.ResizeObserver = ResizeObserver

describe('VueCommand', () => {
  describe('props', () => {
    it('hides the bar', () => {
      const wrapper = mount(VueCommand, {
        props: {
          hideBar: true
        }
      })

      expect(wrapper.find('.vue-command__bar').exists()).toBe(false)
    })
    it('hides the Titles', () => {
      const wrapper = mount(VueCommand, {
        props: {
          hideTitle: true
        }
      })

      expect(wrapper.find('vue-command__bar__title').exists()).toBe(false)
      expect(wrapper.find('vue-command__bar__title--invert').exists()).toBe(false)
    })

    it('renders the given prompt', () => {
      const prompt = 'TEST_PROMPT'
      const wrapper = mount(VueCommand, {
        props: {
          prompt
        }
      })
      const query = wrapper.findComponent(VueCommandQuery)
      const span = query.find('span')

      expect(span.text()).toMatch(prompt)
    })
  })
})