Vue Components Testing All In One
Vue Components Testing All In One
TDD/ 测试驱动开发
demos
Jest
断言API
https://jestjs.io/zh-Hans/docs/expect
import {expect, jest, test} from '@jest/globals';
import { mount } from '@vue/test-utils'
import Component from './component'
describe('Component', () => {
test('is a Vue instance', () => {
const wrapper = mount(Component)
expect(wrapper.isVueInstance()).toBeTruthy()
})
})
Jest
快照测试
https://jestjs.io/docs/zh-Hans/snapshot-testing
test('renders correctly', () => {
const wrapper = mount(Component)
expect(wrapper.element).toMatchSnapshot()
})
vue-test-utils
https://github.com/vuejs/vue-test-utils
https://v1.test-utils.vuejs.org/zh/installation/testing-single-file-components-with-jest.html
https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-jest
partly free videos
https://vueschool.io/courses/learn-how-to-test-vuejs-components
4 years ago https://github.com/vueschool/testing-vue-components
refs
©xgqfrms 2012-2021
原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！
未经授权禁止转载，违者必究！