Vue2项目中如何避免在Jest单元测试中遇到坑?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1392个文字,预计阅读时间需要6分钟。
目前的项目已维护了长时间,因客户需求,我们需要为项目添加单元测试。经过挑选,选择了Jest(配置简便,开箱即用)。以下记录了此次为项目添加Jest作为单元测试的经验。
目前的项目已经维护了挺久,由于客户要求,我们要为项目加上单元测试,挑选一番后选择了Jest(配置简便,开箱即用),下面记录了此次为项目添加Jest作为单元测试的经历。
安装Jest
1. 在项目目录下,执行命令vue add @vue/cli-plugin-unit-jest,这个命令会帮我们把相关的配置都配好,相关的依赖都装好,还会帮我们生成一个jest.config.js文件,网上说还会生成tests文件夹,我试的没有,另外还会帮你在eslintr.js文件下配置好jest需要的配置。
一开始的时候,我在编辑器下的控制台输这个命令,提示错误,后来改到系统下的控制台才安装成功。
用这个命令安装是最方便的,我尝试了几次按照网上说的先安装unit-jest,再安装test-util之类的,都不成功。
2. 常用的一些jest配置项,在jest.config.js中配置。
本文共计1392个文字,预计阅读时间需要6分钟。
目前的项目已维护了长时间,因客户需求,我们需要为项目添加单元测试。经过挑选,选择了Jest(配置简便,开箱即用)。以下记录了此次为项目添加Jest作为单元测试的经验。
目前的项目已经维护了挺久,由于客户要求,我们要为项目加上单元测试,挑选一番后选择了Jest(配置简便,开箱即用),下面记录了此次为项目添加Jest作为单元测试的经历。
安装Jest
1. 在项目目录下,执行命令vue add @vue/cli-plugin-unit-jest,这个命令会帮我们把相关的配置都配好,相关的依赖都装好,还会帮我们生成一个jest.config.js文件,网上说还会生成tests文件夹,我试的没有,另外还会帮你在eslintr.js文件下配置好jest需要的配置。
一开始的时候,我在编辑器下的控制台输这个命令,提示错误,后来改到系统下的控制台才安装成功。
用这个命令安装是最方便的,我尝试了几次按照网上说的先安装unit-jest,再安装test-util之类的,都不成功。
2. 常用的一些jest配置项,在jest.config.js中配置。

