Install & Run Jest Tests

DEX475 - Test Lightning Web Components

📄 第 384 页 🎬 视频课程

课程章节介绍

大家可能已经看到这页Slide了,上面写着用命令 `sf force lightning lwc test select` 来安装是最简单的。这里有个小小的笔误,实际Salesforce CLI里正确的命令是 `sf force lightning lwc test setup`,我们照着这个来说。你只要在你的项目文件夹下打开终端,运行这一条命令,它就会自动帮你生成所有需要的配置文件,并且把测试依赖包都装好,非常省心。 如果你更习惯手动控制,也可以自己用 npm 来安装。需要执行 `npm install @salesforce/sfdx-lwc-jest`,然后在 `package.json` 里配置好测试脚本,稍麻烦一点,但自由度更高。 装好之后,我们就有四种测试模式可以用。第一种是标准模式,就是直接跑 `npm run test:unit`,执行全部单元测试,验证代码有没有问题。第二种叫监视模式,你在开发的时候打开它,代码一改动,测试就会自动重跑,让你第一时间发现问题。第三种是调试模式,可以让你一行一行地跟踪代码执行,排查故障。最后一种是覆盖模式,能帮你统计测试覆盖了多少行代码,确保质量。 如果你在用 VS Code 开发,装了 Salesforce 扩展包之后,侧边栏会多出一个 LWC Tests 的视图。在这里你可以直接看到测试结果和运行测试,不用频繁切回命令行,很方便。 最后,对于有深入需求的高级用户,项目里会有一个 `jest.config.js` 文件。你可以在里面定制一些东西,比如给模块名起个别名、设置启动文件、调整测试超时时间等等。如果你的项目很大,跨文件夹的依赖让测试变慢,你还可以在 `moduleNameMapper` 里添加一些配置,让解析更快,从而加速测试运行。 整体上,安装很简单,模式也灵活,用熟了就能帮你把组件的质量牢牢守住。接下来我们看看具体怎么配置。

关键词

LWC Lightning Web Components Salesforce