vue3中测试:单元测试、组件测试、端到端测试

1、单元测试:单元测试通常适用于独立的业务逻辑、组件、类、模块或函数,不涉及 UI 渲染、网络请求或其他环境问题。

javascript 复制代码
describe('increment', () => {
  // 测试用例
})
toBe():用于严格相等比较(===),适用于原始类型或检查引用类型是否指向同一个对象。
toEqual():用于深度比较,检查两个对象或数组的内容是否相等(即使它们不是同一个对象)。

例如:
test('increments the current number by 1', () => {
  expect(increment(0, 10)).toBe(1)
})

// 描述:测试 increment 函数是否将当前数字递增 1。
// 输入:increment(0, 10),表示当前值为 0,最大值为 10。
// 预期输出:1。
// 断言:使用 expect 和 toBe 检查函数返回值是否等于 1。

**2、组件测试:**应该捕捉组件中的 prop、事件、提供的插槽、样式、CSS class 名、生命周期钩子,和其他相关的问题。

组件测试主要需要关心组件的公开接口而不是内部实现细节。对于大部分的组件来说,公开接口包括触发的事件、prop 和插槽。当进行测试时,请记住,测试这个组件做了什么,而不是测试它是怎么做到的

**3、端到端测试:**端到端测试通常会捕捉到路由、状态管理库、顶级组件(常见为 App 或 Layout)、公共资源或任何请求处理方面的问题。如上所述,它们可以捕捉到单元测试或组件测试无法捕捉的关键问题。

相关推荐
速易达网络2 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码
lyj1689974 小时前
vue-i18n+vscode+vue 多语言使用
前端·vue.js·vscode
我在北京coding7 小时前
TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)
前端·javascript·vue.js
海天胜景8 小时前
vue3 获取选中的el-table行数据
javascript·vue.js·elementui
翻滚吧键盘8 小时前
vue绑定一个返回对象的计算属性
前端·javascript·vue.js
乆夨(jiuze)9 小时前
记录H5内嵌到flutter App的一个问题,引发后面使用fastClick,引发后面input输入框单击无效问题。。。
前端·javascript·vue.js
小彭努力中9 小时前
141.在 Vue 3 中使用 OpenLayers Link 交互:把地图中心点 / 缩放级别 / 旋转角度实时写进 URL,并同步解析显示
前端·javascript·vue.js·交互
xiguolangzi10 小时前
vue3+element-plus el-table列的显隐、列宽 持久化
前端·javascript·vue.js
大猩猩X10 小时前
vxe-upload vue 实现附件上传、手动批量上传附件的方式
vue.js·vxe-ui
come1123411 小时前
Vue 响应式数据传递:ref、reactive 与 Provide/Inject 完全指南
前端·javascript·vue.js