• 前端实现Jest单元测试


    介绍

            最近在学一些关于工程化的内容,里面正好提到了jest单元测试,首先简单理解一下什么是单元测试,举个例子:

            小明同学偶然发现海海同学做的组件库不错,想学习一下,于是就拉了代码,不过在看代码的过程中发现有的代码有更优性能的方法,但是呢他自己也不确定性能是否更好,那这种情况怎么办呢,这时候就可以用到我们的单元测试了。

    应用场景

            单元测试的应用场景只有上面这种情况吗?

            当然不止了,我们在项目开发中如何保证自己代码的准确性呢?

    靠自己的经验吗?还是靠自己的手动测试呢?即便如此,如何保证手动测试的完整性呢?

            当然,单元测试不是必须的,毕竟不是还有我们的测试同学吗。

    第一个单元测试

        接下来我们完成一个最简单的单元测试,首先还是先新建一个项目,使用 npm init 然后新建一个server.js文件

    npm init 

     

    接下来我们可以全局安装我们的jest

    npm i jest -g

    首先在我们server里面写一段代码

    1. const server =(a,b)=>a * b
    2. module.exports=server

    简单解释一下就是我们先新建一个函数serve 然后导出

    如果说我们之前的方法进行测试的话,那我们就是这样

    1.单元测试

      首先我们可以先创建一个test文件夹,然后创建我们的server.test.js文件作为我们的测试文件

     

    然后写我们的测试用例

    首先我们引入我们需要测试的文件server

    const server = require('../server')

    然后就写我们的第一个测试用例describe

    我们的describe第一部分是他的描述部分,因为我们的describe是我们的测试单元

     我们在测试单元下可以写入多个测试项,我们的第一个测试项(test)中第一部分跟上面describe一样,第一个相当于一个提示,第二个函数里面执行断言,断言的意思就是判断输出的内容是否正确,expect就是输出的内容,我们的toBe就是我们期待的结果,如果成立即代表测试用例通过

    到这一步就可以进行测试

    我们只需要在项目下输入jest运行即可

    这里可以来逐步分析,

    Test Suites

    首先我们的Test  Suites代表着有一个测试单元通过了,

    Tests

    代表着有两个测试项通过

    到这里就代表我们的第一个单元测试完成了。

    异步测试和Mock测试已在公众号上更新,感兴趣的可以公众号关注 海海学前端 回复 单元测试 即可查看。

  • 相关阅读:
    GBase 8s 执行计划查询分析
    自动控制原理4.3---广义根轨迹
    含文档+PPT+源码等]精品基于Uniapp实现的鲜花商城App[包运行成功]
    Codeforces Round 909 (Div. 3)(A~G)(启发式合并)
    为什么HashMap的长度要是2的N次方?
    Oracle事务槽wrap#上限问题
    java 企业工程管理系统软件源码+Spring Cloud + Spring Boot +二次开发+ MybatisPlus + Redis
    C/C++中注释方式以及规范
    搞定ESD(一):静电放电测试标准解析
    DHorse v1.4.0 发布,基于 k8s 的发布平台
  • 原文地址:https://blog.csdn.net/m0_56344602/article/details/126018687