Vue Components Testing All In One

发布时间 2023-08-28 00:29:47作者: xgqfrms

Vue Components Testing All In One

TDD / 测试驱动开发

image

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()
})

(? 反爬虫测试!打击盗版⚠️)如果你看到这个信息, 说明这是一篇剽窃的文章,请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章!

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, 禁止转载 ?️,侵权必究⚠️!