在进行前端开发中，API测试是必不可少的一项工作。而使用Chai 和 Supertest 进行API测试是常见的技术方案。然而，在使用过程中，有时会遇到“香草JS无法识别”的问题，导致测试失败。本篇文章将详细介绍这一问题的出现原因和解决方法，以及给出示例代码，以便读者更好地了解并解决这一问题。
问题出现原因
在使用Chai 和 Supertest 进行API 测试时，通常需要将测试结果与预期结果进行比较。而在一些情况下，直接比较两个结果的值是不可行的，因为它们可能具有不同的数据类型。例如，一个结果是JSON格式的，而另一个结果是一个JavaScript对象。在这种情况下，需要使用chai几个重要的断言函数，如deep.equal和eql，以进行校验。 然而，出现 “ 香草JS无法识别 ” 的问题，往往是因为Supertest返回的结果中含有他无法识别的数据类型，导致Chai无法正确处理这个数据。
解决方案
解决这个问题有一个重要的步骤就是弄清楚数据的类型。如果是可序列化的JavaScript元数据类型，则可以将其转换为字符串或者JSON格式，再进行对比。另外，对于大型的数据结构，Chai提供了一个镜像比较工具chai-jest-snapshot，可以将数据结构与快照文件进行比较。
对于一些非序列化的数据类型，可以使用.inspect（）方法将其序列化为字符串以进行比较。该方法是Node.js内置对象的成员方法，可用于生成可读的代码表示形式，支持嵌套结构，条件结构和选项格式化。
具体实现代码如下：
-- -------------------- ---- -------
----- ---- - ----------------
----- --------- - ---------------------
---- ------------- -- ----------------- -------- -----
---------------------------------
-------------------------------------
----- --- - ---------------------
----- ----- - ---------------------
------------- ------- -- -- -
---------- ------ - ---- ----- ---------- ----- -- -- -
----- -----
------------------------
----------------------- -------
------------
--------- -- -
-------------------------------------
----- ----- - ---------------------------
----- -------- - -
------- --------
----- ------------------------
-------- --- ---------- ----- -----------
-------- --------------
--
-------------------------------------------
---
---
---------- ------ - ---- -------- ---- --- ------- ------ ----- -- -- -
----- -----
------------------------
----------------------- -------
------------
--------- -- -
-------------------------------------
-----------------------------------------------
----- ---- - --------------
-- -- ---- ------ ------
------------------------------------
---------------------------------------------------------------
----------------------------------------------------------------------
-------------------------------------------------------------
---
---
---------- ------ - -------- ------ ------ ------ ----- -- -- -
----- -----
------------------------
----------------------- -------
------------
--------- -- -
-------------------------------------
-----------------------------------------------
----- ---- - --------------
----- -------- - -------------------------- ---- ----
----------------------------------------
-------------------------------------------------------------
---
---
---在这个代码块中，可以看到，在请求返回结果后，会使用JSON.parse将结果的响应进行处理。这可以确保处理结果对象，因此在比较预期结果和实际结果时，可以直接使用chai的常规断言进行比较。
总结
在如今的Web开发环境中，API测试是不可避免的一项工作。通过本文中的学习，读者可以更全面地了解如何使用Chai 和 Supertest 进行API测试，并且可以解决“香草JS无法识别”的问题。对于Web开发人员而言，需要熟练掌握基础语法知识，以及机智处理复杂数据类型的能力，方能更好地应对日益复杂的API测试工作。
参考资料：
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/653246bb7d4982a6eb4bbcdf