vue-tour/tests/unit/VStep.spec.js

Vue Tour is a lightweight, simple and customizable tour plugin for use with Vue.js. It provides a quick and easy way to guide your users through your application.

import { shallowMount } from '@vue/test-utils'
import VStep from '@/components/VStep.vue'
import { DEFAULT_OPTIONS } from '@/shared/constants'

describe('VStep.vue', () => {
  it('renders props.step.content', () => {
    const step = {
      target: 'v-step-0',
      content: 'This is a demo step!'
    }

    const wrapper = shallowMount(VStep, {
      propsData: {
        step,
        stop: () => {},
        labels: DEFAULT_OPTIONS.labels
      }
    })

    expect(wrapper.text()).toContain(step.content)
  })
})