vue-jest测试用例_用Jest测试：简介

vue-jest测试用例

测试在软件开发中非常重要。 测试是一个过程，旨在评估软件应用程序的功能，以发现所开发的软件是否满足指定要求，并识别缺陷以确保产品无缺陷，从而生产出高质量的产品。 我将通知您如何使用Jest编写基本测试。

Jest是Facebook的开放JavaScript测试库。 它的口号是“令人愉快JavaScript测试”。 Jest可用于测试任何JavaScript库。

现在开始练习！ 这个测试的事情确实没有那么困难，但是它是很新的。 适应它的唯一方法是花一些时间来做。

要使用Jest进行测试，您要做的第一件事就是安装它。 您可以使用npm或yarn安装它。

如果要使用npm，则需要使用最新版本的node和npm。 转到npm官方网站，单击下载节点js和npm，然后按照说明进行操作。

如果要使用纱线，请访问纱线官方网站，选择操作系统并按照以下说明进行操作。

安装npm或yarn之后，在命令行中运行：

npm init or yarn init

这是为了创建一个package.json文件，其中包含与项目相关的各种元数据。 根据项目，npm会问您几个问题，并将创建一个基本配置文件，其中包含每个选项的简短描述。

在那之后运行：

npm install --save-dev jest

要么

yarn add --dev jest

将Jest安装到项目中

转到您的package.json文件，并将以下内容添加到文件的第一部分

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

关于在Jest中使用ES6导入语句的特别说明

当前版本的Jest无法识别import语句。 为了使您能够通过Jest使用ES6模块进行此测试，您可以执行以下操作：

1.安装@ babel / preset-env软件包

npm i -D @babel/preset-env

使用以下代码行在项目的根目录中创建一个.babelrc文件：

{"presets" : [ "@babel/preset-env" ] }

这将允许您使用导入语句。 请注意，在Jest文档中， 此处列出了类似的说明。

安装好玩笑之后，在首选的代码编辑器中打开您的项目文件夹。

创建一个名为capitalize.js的文件，并在其中编写函数。

const capitalize = ( string ) => {
   return string.charAt( 0 ).toUpperCase() + string.slice( 1 );
 };
module .exports = capitalize;
module .exports = capitalize;

之后，创建另一个名为capitalize.test.js的文件，其中将包含该功能的测试。

const capitalize = require ( './capitalize' );
 test( 'returns the first letter capitalized' , () => {
   expect(capitalize( 'john' )).toBe( 'John' );
 });

最后，运行yarn test或npm run test ，Jest将打印以下消息：

PASS  capitalize/capitalize.test.js
  ✓ returns the first letter capitalized (2 ms)
Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        1.086 s, estimated 2 s
Ran all test suites matching /capitalize.test.js/i.

恭喜你！ 您刚刚使用Jest成功编写了您的第一个测试！

最后，请记住要始终为您的软件编写测试。 这非常重要。

翻译自: https://hackernoon.com/testing-with-jest-an-introduction-55aw32ft

vue-jest测试用例