SimpSpec,JavaScript 的轻量测试工具

前言

  1. Javascript开源社区已经有很多成熟的测试工具,例如 mocha、jest 等,但这些工具无一例外功能都特别的多,配置起来也很复杂。刚入编程的小白或者对 Javascript 工具链不是很熟悉的朋友可能面对这些测试框架无从下手。

  2. 目前我最常用到测试框架的功能无非只有:声明测试用例、测试用例前后夹具和判断测试通不通过,而且这些功能其实就能满足日常大部分的单元测试需求了。

这些单元测试的功能需求实现起来其实并不复杂,所以我写了一个轻量化的测试工具放到开源社区,除了满足我日常测试需求之外,也提供给大家学习和使用。

下面是这个测试工具的介绍:

SimpSpec

一个 JavaScript 代码的轻量测试工具, 无需复杂的配置, 直接引入 npm 包开始构建您的测试用例.

快速开始

  1. 安装

    npm install simp-spec
    
  2. 声明测试用例, 这里推荐使用断言库 chai 配合测试用例使用.

    my-test.spec.js

    import { it, spec } from "simp-spec";
    import { expect } from "chai";
    
    export default spec("my-test", function() {
    
        it("export test", done => {
            expect("Hello World".length).eq(11);
            done();
        });
    
    });
    
    
  3. 直接导入并运行您的测试用例 !

    main.js

    import { runTests } from "simp-spec";
    import MySpec from "./my-test.spec";
    
    async main() {
        const result = await runTests([
            MySpec
        ]);
    
        console.log(result);
        // {"success":true,"passCount":1,"message":"ALL TESTS PASS!"}
    }
    

webpack 最佳实践

  • 如果您觉得类似以下这样一条条导入测试用例很繁琐:

    import { runTests } from "simp-spec";
    import MySpec1 from "./my-test1.spec";
    import MySpec2 from "./my-test2.spec";
    import MySpec3 from "./my-test3.spec";
    ...
    await runTests([
        MySpec1, MySpec2, MySpec3...
    ]);
    
  • 您可以使用 webpack 支持的批量导入的方式构建测试用例:

    import { runTests } from "simp-spec";
    
    const files = require.context("./spec", true, /.spec.js$/);
    const keys = files.keys();
    
    async function batchImport() {
        const specList = [];
        for (const key of keys) {
            const specModule = await files(key);
            specList.push(specModule.default);
        }
        return specList;
    }
    const specs = await batchImport();
    await runTests(specs);
    

    Github 项目链接

    https://github.com/Krstar233/simp-spec

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容