一、Jest 初印象
Jest 是 Facebook 开源的一款 JavaScript 测试框架,它以简洁的 API、强大的功能和零配置起步的特性,在前端和 Node.js 项目测试领域广受欢迎。无论是单元测试、集成测试,还是 React 组件测试,Jest 都能大显身手,帮我们确保代码质量、捕捉潜在缺陷。
二、基础测试结构搭建
(一)安装与初始化
在项目目录下,通过 npm install --save-dev jest
轻松将 Jest 安装为开发依赖。若是基于 React 项目,还需配置 Babel 等工具以便支持 JSX 等语法在测试环境运行。
- 通过命令行查看
- 打开终端(在 VSCode 中可以使用快捷键
Ctrl + ``(反引号)
打开集成终端)。 - 在终端中输入
npm config get registry
命令。这个命令会返回当前npm
配置的registry
(仓库)地址。例如,如果返回https://registry.npmmirror.com/
,则表示当前npm
被配置为从淘宝镜像源下载包;如果返回https://registry.npmjs.com/
,则表示使用的是默认的官方npm
仓库。
- 打开终端(在 VSCode 中可以使用快捷键
npm config set registry https://registry.npmmirror.com #用于npm
yarn config set registry https://registry.npmmirror.com #用于yarn
Yarn 无法加载文件…..因为在此系统上禁止运行脚本解决记录,以下是几种解决该问题的办法:
一、临时解决方案(针对当前 PowerShell 会话)
- 使用
Bypass
策略绕过限制(仅当前会话有效):
在出现报错的 PowerShell 窗口中,输入以下命令:
Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass
二、短期解决方案(更改当前用户的执行策略)
- 将执行策略更改为
RemoteSigned
(当前用户下生效):- 以管理员身份打开 PowerShell。可以通过在开始菜单中搜索 “PowerShell”,然后右键点击 “Windows PowerShell”,选择 “以管理员身份运行” 来打开。
- 在管理员权限的 PowerShell 窗口中,输入以下命令:
Set-ExecutionPolicy RemoteSigned
三、长期解决方案(通过配置文件更改执行策略)
- 编辑 PowerShell 配置文件来设置执行策略:
- 同样先以管理员身份打开 PowerShell 窗口。
- 输入以下命令来创建或编辑当前用户的 PowerShell 配置文件(如果已经存在就编辑它):
notepad $PROFILE
执行该命令后,会打开一个记事本窗口,里面显示的是当前用户的 PowerShell 配置文件内容(如果是新建的,那里面就是空白的)。
3. 在记事本中添加以下一行内容:
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
添加完成后,保存文件并关闭记事本。
4. 接着在 PowerShell 窗口中输入以下命令,让配置文件的更改生效:
. $PROFILE