欢迎光临
我们一直在努力

Jest 学习笔记:高效 JavaScript 测试之旅

一、Jest 初印象

Jest 是 Facebook 开源的一款 JavaScript 测试框架,它以简洁的 API、强大的功能和零配置起步的特性,在前端和 Node.js 项目测试领域广受欢迎。无论是单元测试、集成测试,还是 React 组件测试,Jest 都能大显身手,帮我们确保代码质量、捕捉潜在缺陷。

二、基础测试结构搭建

(一)安装与初始化

在项目目录下,通过 npm install --save-dev jest 轻松将 Jest 安装为开发依赖。若是基于 React 项目,还需配置 Babel 等工具以便支持 JSX 等语法在测试环境运行。

  1. 通过命令行查看
    • 打开终端(在 VSCode 中可以使用快捷键Ctrl + ``(反引号)打开集成终端)。
    • 在终端中输入npm config get registry命令。这个命令会返回当前npm配置的registry(仓库)地址。例如,如果返回https://registry.npmmirror.com/,则表示当前npm被配置为从淘宝镜像源下载包;如果返回https://registry.npmjs.com/,则表示使用的是默认的官方npm仓库。
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(当前用户下生效)
    1. 以管理员身份打开 PowerShell。可以通过在开始菜单中搜索 “PowerShell”,然后右键点击 “Windows PowerShell”,选择 “以管理员身份运行” 来打开。
    2. 在管理员权限的 PowerShell 窗口中,输入以下命令:
Set-ExecutionPolicy RemoteSigned

三、长期解决方案(通过配置文件更改执行策略)

  • 编辑 PowerShell 配置文件来设置执行策略
    1. 同样先以管理员身份打开 PowerShell 窗口。
    2. 输入以下命令来创建或编辑当前用户的 PowerShell 配置文件(如果已经存在就编辑它):
notepad $PROFILE

执行该命令后,会打开一个记事本窗口,里面显示的是当前用户的 PowerShell 配置文件内容(如果是新建的,那里面就是空白的)。
3. 在记事本中添加以下一行内容:

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

添加完成后,保存文件并关闭记事本。
4. 接着在 PowerShell 窗口中输入以下命令,让配置文件的更改生效:

. $PROFILE
赞(0) 打赏
未经允许不得转载:留留工作室 » Jest 学习笔记:高效 JavaScript 测试之旅

评论 抢沙发

更好的WordPress主题

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

联系我们联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册