测试前端并不难！
有些人害怕前端测试，另一些人认为这是一件琐事，因为他们可以看到它已经在起作用。更不用说根本没有测试的人了。
我在测试前端时遇到的问题之一，主要是因为我必须使用的框架。到处都是所有div，许多知道在哪里的门户和属性。
查询失败时，它会渲染HTML，因此您可以对其进行检查。但是我们不是机器人，因此更容易看到它的外观。
输入：https://testing-playground.com/
您只需复制HTML并将其粘贴到那里，以便显示测试所看到的内容。这使得更容易找出查询为什么不起作用。
您也可以使用koude1打印当前的HTML。
，而不是等待错误。它还具有浏览器扩展，您可以直接在网站上使用。例如，您可以启动前端并使用扩展名检查所有内容。
这是这个小小的助手来的地方：
您可以将其放在测试中，并在整个过程中打印到操场上的链接供您测试。
样式，您也可以将其用作TDD的一种方式！在每个步骤中，您都可以准确地看到所呈现的内容。这样，您可能可以在不运行start或dev的情况下开发所有内容！之后，保留的一切将是样式！
有些没有测试的人可能会说或认为这很慢。但是，当您的应用程序中有很多逻辑时，您必须要做很多次的事情才能到达该部分，您会再尝试一次。
通过测试，您可以完成所有步骤以及更多步骤！您不相信您在解决问题时不会破坏其他事情，而是知道它仍然有效。
已经存在了一段时间以来，我最近了解到了这件事，它已经改变了我的测试方式！