如何测试JS库是否正确打包（在不同环境下）？

Question

我了解正常的软件测试，例如单元测试。这个问题不是这个问题。

假设我是 JS 新手（确实如此），正在开发一个 JS 库项目，并打算将其发布到 npm 等。由于生态系统很复杂，我可能无法为其打包正确配置我的项目。 例如，我可能已将

require

中的

package.json

指向 ES-Module 文件，而实际上它需要 CommonJS-Module 文件；然而，我可能已经正确生成了它们，但只是错误配置了我的

package.json

。这与我的实际（功能）源代码无关，而只是打包配置和打包工具。

因为不仅仅是

package.json

，还有很多打包和支持工具（例如Vite、Rollup等），每个工具都有自己的配置文件，所以我很可能会配置错误，导致库仅因打包配置而无法使用。

如何在不同环境下测试我的打包是否正确，而无需手动创建多个测试项目？或者，我如何获得有关“可能”的正确配置或预期结果的建议？有哪些工具可用？ 特别是，我正在考虑诸如兼容性/覆盖范围报告之类的东西。但其他形式也可以。

Answer 1

单元测试：为各个库函数和组件创建测试。使用测试框架（例如 Jest、Mocha、Jasmine）来自动化测试。验证不同场景和极端情况下的功能。

集成测试：测试库如何与外部组件或其他库交互。 * 确认兼容性，防止不同环境下与现有代码冲突。

跨平台测试：在多个操作系统（Windows、macOS、Linux）上测试库，以确保它在不同平台上的工作效果相同。 * 使用虚拟机或模拟不同环境的测试服务来检查兼容性。

性能测试：测量库在各种条件下的性能，包括不同的硬件和网络设置。 * 使用 Lighthouse 或 WebPageTest 等工具来分析页面加载时间、显示速度和资源消耗等因素。

辅助功能测试：通过使用屏幕阅读器和键盘导航等帮助残疾人访问信息的工具进行测试，确保残疾人可以使用您的图书馆。使用 Axe 或 WAVE 等自动检查器来查找可以改进的领域，使每个人都可以更轻松地使用该库。

本地化测试：如果您的库支持多种语言，请在不同的语言设置中进行测试。确保文本和用户界面 (UI) 元素在每种语言中正确显示，并且每种语言独有的功能按预期工作。

部署测试：检查您的库在各种设置（包括开发、测试和生产）中的部署情况。确认打包、捆绑和缩小过程顺利运行。验证库部署是否没有问题。

通过实施这些测试实践，您可以保证您的 JavaScript 库被正确打包并在各种环境中一致地工作。