简介
在开发前端项目时，测试是必不可少的步骤。测试代码是否符合预期并确保项目质量的高低都是很重要的。在测试的过程中，代码覆盖率也是很重要的结果之一。而在将代码覆盖率展示给团队时，可以使用 istanbul 这样的节点模块来收集覆盖率信息。而 istanbul-azure-reporter 的出现，让我们能够将覆盖率信息自动部署到云上，以此方便团队查看。
安装
istanbul-azure-reporter 可以用 npm 进行安装。首先，您需要先在项目中引用 istanbul。
npm install --save-dev istanbul
然后安装 istanbul-azure-reporter。
npm install istanbul-azure-reporter
使用
首先，您需要在 Azure 关联服务中为您的项目建立提供商。
然后在 istabul 设置中增加以下属性：
/* eslint-env node, mocha */
-- -------------------- ---- -------
---- --------
--- -------- - --------------------
-- --------------------
--------
--------
------------
----------
------------- - ------------------- ----- -
--- ---- - -----
--- ---- - ----------------
------ --- ------- ---------
---- -
------- ------------------------------- -- -------------------------
------- ------------------------------- -- --------------------------
--
---- -
----- ----------------------------------------------- -- -----------------------------------------
--- ------------------------------ -- -------------------------
--
----- -----------------------------
------------- ----------------------------
---
-----------------------------------
------------- -------- --------- --- -- ------------
-----------------------------------
--------------
-- ----------------------------- -----
---------
-------- -
--------------- -------------------
----------------------- ----------------------------------- -- ------------------------------
--
---- --------------------------------- -- ---------------------------
----- -----
------- ------
-- ------------- ---- ----- -
-- ----- -
-------------------
-
-- --------------- --- ---- -
------------------------- ------ ------- ----------------
-
---
-- ------ - ------- -
-- ------
--------------------- -
------------
------------------
-- ---
--
-- ----------
--- ---- - --------
-- ------
----------------------------------
-- ----------
---------------
---------------- -
---- --------------------------------- -- ---------------------------
---- ----------------------------------- -- ------------------------------
--
-------------------------------------------------- ---------- ----最后，运行您的测试代码，之后您的覆盖率信息会被自动部署到 Azure。
结语
现在，您已经知道如何使用 istanbul-azure-reporter 部署您的代码覆盖率信息到云端。这十分有用，特别是对于团队中的协作开发，让每个人都能对代码覆盖率有更直观的了解。有了这种新的工具，我们可以更好地管理我们的项目并确保我们的代码有更优秀的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d330d09270238229f4