美文网首页
前端自动化测试---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