在前端开发中，自动化测试是不可或缺的一部分。Jest是目前很流行的一款JavaScript测试框架，而npm包@autoguru/jest-preset则提供了更强大的功能拓展，让你能够更高效的进行测试。
安装@autoguru/jest-preset
要使用@autoguru/jest-preset，首先需要在你的项目中安装它。打开终端，进入你的项目目录，运行以下命令：
npm install --save-dev @autoguru/jest-preset
安装完成后，你可以在jest的配置文件（通常是jest.config.js文件）中使用这个preset。
配置@autoguru/jest-preset
在jest的配置文件中添加@autoguru/jest-preset的引用，像这样：
module.exports = { preset: '@autoguru/jest-preset', // ...其他配置 }
这样就可以使用@autoguru/jest-preset的默认配置进行测试了。
扩展@autoguru/jest-preset
@autoguru/jest-preset提供了很多有用的预设配置，例如支持TypeScript、React、Styled Components等等。不过，如果你需要更加个性化的配置，可以通过extends属性来扩展@autoguru/jest-preset。
首先，需要在项目中安装需要的扩展，比如说，如果要使用@testing-library/react，在项目中安装：
npm install --save-dev @testing-library/react
然后，在jest的配置文件中配置extends属性，像这样：
module.exports = { preset: '@autoguru/jest-preset', extends: [ 'jest-preset-default', '@testing-library/react', ], // ...其他配置 }
在这个例子中，我们使用了@testing-library/react扩展，并将其扩展在了@autoguru/jest-preset之后，这样@autoguru/jest-preset的配置就可以覆盖掉@testing-library/react的配置，从而保留@autoguru/jest-preset提供的默认配置。
示例代码
-- -------------------- ---- ------- -------------- - - ------- ------------------------ ----------------- - --------------------------- --------------------- -- ------------------- - ------------------------------------------ -- ---------------- -------- ---------- - -------------------------------------------------- ------------------------------------------------- -- ---------- - ------------------------- ------------- -- -展开代码
结论
@autoguru/jest-preset提供了很多强大的预设配置，帮助你更加高效地进行JavaScript测试。如果你的项目需要测试，不妨试试@autoguru/jest-preset。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/183888
