Karma-elm-test 是一个可以在 Karma 上运行 Elm 单元测试的 npm 包。本篇文章将会介绍如何使用该包进行单元测试并提高我们前端开发的效率。
安装 karma-elm-test
npm install karma-elm-test --save-dev
配置 karma
在安装完 karma-elm-test 之后，我们需要对 Karma 进行一些配置来运行它。
-- -------------------- ---- -------
-- -------------
-------------- - -------- -------- -
------------
-- ---
----------- -------------
-------- -
-- ---
-------------------------
--
-- ---
-------- -
------ -
--------------------
---------------------
-
--
-- ---
---
--在 karma.conf.js 中，我们需要把 karma-elm-test 加入到 plugins 数组中。接下来，我们需要将 elm-test 加入到 frameworks 数组中。
同时，我们还要配置 elmTest.files 数组来指明 Elm 的测试文件在哪里。
编写测试代码
我们现在已经可以用 karma 运行我们的 Elm 单测。接下来我们将会编写一些简单的测试用例。
-- -------------------- ---- -------
-- ---------------------
------ --------- -------- ----
------ ---- -------- ----
------ ------ -------- ----
------ ----
----- -
-------- ------
- ---- ---------- --
--- --
---
------ - -------- - -
--
------------ ------ -
- ---- ------------- --
--- --
---
------ - ------------- - -
--
------------ ------ -
-在以上代码中，我们导入了 test 和 describe 函数，来编写我们的测试用例。我们也导入了 Expect，来帮助我们编写期望的测试结果。
在 describe 中，我们可以将属于同一种类的测试用例放在同一个测试组里。我们通过 test 来定义具体的测试用例。测试用例可以包含多个测试步骤，在本例中我们先计算出期望结果，然后通过 Expect.equal 函数来比较得到的结果和期望结果。
运行测试
现在，我们已经编写了测试文件。接下来我们将会运行测试，检查代码的正确性。
karma start karma.conf.js
启动 karma 后，你可以在浏览器中看到你的单元测试正在运行。而如果运行成功的话，你会看到 2 specs, 0 failures，表明测试用例全部通过。
总结
karma-elm-test 是一个非常好用的 npm 包，它可以让我们更方便的进行小规模的单元测试，从而更早地发现代码的问题。本文中我们通过介绍该包的使用方法以及测试用例的编写方法，让读者了解到如何使用 karma-elm-test 来进行 Elm 单元测试。
希望这篇文章能有所帮助，对所有对前端开发感兴趣的读者都能有所启发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d3781e8991b448daf74