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

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---