美文网首页
前端自动化测试---01环境搭建

前端自动化测试---01环境搭建

作者: 35108b7328fb | 来源:发表于2020-05-26 18:11 被阅读0次

    背景:
    自动化测试搞起来!

    一、环境搭建

    相关资源:
    https://jestjs.io/docs/zh-Hans/getting-started
    vue单元测试相关文档
    https://cn.vuejs.org/v2/guide/unit-testing.html

    备注 : 这2个工具对你非常有用,预防卡壳。

    • nvm :nodejs 多版本管理,---本地开发环境莫名报错,你可能需要先切换个nodejs版本继续原来的任务。
    • nrm:多npm源管理----遇到依赖的包安装失败时,多想想切换 npm源,

    1.1安装依赖

    使用 npm

    npm install --save-dev jest
    

    使用 yarn 安装 Jest︰

    yarn add --dev jest
    

    VUE -jest 单元测试 工具包

    $ npm install --save-dev @vue/test-utils
    

    1.2 目录规划

    |---project
    |-----src (源文件)
    |-----test(测试用例都放到这里 *.test.js 结尾)
    |----- package.json -- 项目配置文件

    1.3 编写测试函数

    让我们开始为一个假设函数编写测试,该函数将两个数字相加。 首先在src目录下创建一个 sum.js 文件:

    function sum(a, b) {
      return a + b;
    }
    module.exports = sum;
    

    1.4 编写测试文件

    然后,在 test目录下 创建一个名为 sum.test.js 的文件。习惯上把,*.test.js文件统一放到 test目录下, 这将包含我们的实际测试:

    const sum = require('./sum');
    test('adds 1 + 2 to equal 3', () => {
      expect(sum(1, 2)).toBe(3);
    });
    

    1.5 修改配置文件

    将下面的配置部分添加到你的 package.json 里面:

    {
      "scripts": {
        "test": "jest"
      }
    }
    

    最后,运行 yarn test 或 npm run test ,Jest将打印下面这个消息:

    PASS  ./sum.test.js
    ✓ adds 1 + 2 to equal 3 (5ms)
    

    你刚刚成功地写了第一个Jest测试 !
    此测试使用 expecttoBe 来测试两个值完全相同。 若要了解Jest关于测试方面更多的能力,请参阅 Using Matchers

    如果顺利到达这步,恭喜 环境搭建好了,可以玩了。

    相关文章

      网友评论

          本文标题:前端自动化测试---01环境搭建

          本文链接:https://www.haomeiwen.com/subject/kymvahtx.html