Nuxt/examples/with-tape/test/index.test.js
2020-05-07 09:07:21 +01:00

44 lines
773 B
JavaScript
Executable File

import test from 'tape'
import { shallow } from '@vue/test-utils'
import Index from '../pages/index.vue'
test('renders Index.vue correctly', (t) => {
t.plan(4)
const wrapper = shallow(Index, {
data: {
name: 'nuxt'
}
})
const button = wrapper.find('button')
t.equal(
wrapper.find('h1').text(),
'Hello nuxt!',
'renders "Hello nuxt!" text'
)
t.equal(
wrapper.find('h1').hasClass('red'),
true,
'h1 has a red class [default]'
)
button.trigger('click')
t.equal(
wrapper.find('h1').hasClass('blue'),
true,
'h1 class changes to blue [after 1st click]'
)
button.trigger('click')
t.equal(
wrapper.find('h1').hasClass('green'),
true,
'h1 class changes to green [after 2nd click]'
)
})