捆绑后，在浏览器中测试JavaScript/Typescript的一种方法

Question

我正在和我的朋友一起写网络应用。他写了前面的书，我写了后端。问题是，如果我的朋友还没有编写集成，我无法测试代码，因为我们将代码捆绑在Web Pack中并在Dev Server上运行。我的问题是，是否有一种方法可以在Chrome控制台中测试我的打字稿代码（带有参数的调用功能），就像我可以测试未捆绑的JavaScript一样？

Answer 1

专业答案是：不要那样做！

• 使用 Postman 测试实际服务器。
• 为您的API处理客户端代码编写单元测试，该测试通过JEST或其他一些单元测试库拦截对服务器的调用（因为这些不是单位测试）。
• 为前端编写单元测试，该测试实际上并未触及您的中间码。
• 将单位测试转换为可以在可能的地方进行断言，因为案例覆盖范围比代码覆盖范围，您在单位测试中无法想到所有内容。
• 编写以用户为中心的集成测试，而不是以小部件为中心。

这很难强大的大“如果”！

因此，现实答案可能是：写...或让您的朋友写...一个丑陋但功能的页面，您可以使用一些值来输入一些值，然后单击按钮提交它，然后然后添加调试器作为按钮代码开始附近的语句。 debugger是一个硬码断点，开发工具将暂停。

一旦编写和工作，您应该能够根据需要对其进行修改。 ...只记得不要让该页面逃脱到生产中。