前端自动化测试Vue中TDD和单元测试示例详解

1、简单用例入门

Vue 提供了 @vue/test-utils 来帮助我们进行单元测试，创建 Vue 项目的时候勾选测试选项会自动帮我们安装

先来介绍两个常用的挂载方法：

• mount：会将组件以及组件包含的子组件都进行挂载
• shallowMount：浅挂载，只会挂载组件，忽略子组件

再来看一个简单的测试用例：

1 2 3 4 5 6 7 8 9 10 11

import { shallowMount } from "@vue/test-utils"; import HelloWorld from "@/components/HelloWorld.vue"; describe("HelloWorld.vue", () => {   it("renders props.msg when passed", () => {