Skip to content

Instantly share code, notes, and snippets.

@eddyerburgh
Last active September 30, 2018 04:46
Show Gist options
  • Save eddyerburgh/5291413dd29e210a1d187d2ebec86dc4 to your computer and use it in GitHub Desktop.
Save eddyerburgh/5291413dd29e210a1d187d2ebec86dc4 to your computer and use it in GitHub Desktop.
import { shallow } from '@vue/test-utils'
import { createRenderer } from 'vue-server-renderer'
import List from '@/components/List.vue'
describe('List.vue', () => {
it('renders li for each item in props.items', () => {
const items = ['', '']
const wrapper = shallow(List, {
propsData: { items }
})
expect(wrapper.findAll('li')).toHaveLength(items.length)
})
it('has same HTML structure', () => {
const items = ['item one', 'item two']
const renderer = createRenderer()
const wrapper = shallow(List, { propsData: { items } })
renderer.renderToString(wrapper.vm, (err, str) => {
if (err) throw new Error(err)
expect(str).toMatchSnapshot()
})
})
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment