源视频网站:https://borisfx.com/free-training/mocha-essentials/ 课程分为四个部分。 首先是Mocha的基础知识;首先为什么要使用 Mocha,如何导航界面,以及典型工作流程的快速入门。 其次,我们探索运动跟踪,它是什么,我们如何创建运动跟踪数据,最重要的是如何使用这些数据来完成各种不同的任务。 第三部分,我们专注于转描,在我们的镜头上创建和动画形状的过程。 最后一部分重点介绍仅在 Mocha Pro 中才能找到的 Pro 功能。 与其它编程语言一样,JavaScript 具有多种工具和框架,这些工具和框架可以在 Node.js 以及浏览器中进行测试驱动开发,例如:Jest, Jasmine, Mocha, QUnit, Karma, Cypress 等。 Show 在本文中,您将快速而全面的了解如何使用 Mocha 来测试用 JavaScript 编写的软件功能。您将学习如何编写自己的测试套件以及如何使用 Mocha 运行测试。 Mocha 入门Mocha 是一个 JavaScript 测试运行程序,它可以在 Node.js 和浏览器中运行。它提供了通过非常简单且相似的接口测试同步代码和异步代码的功能。在继续之前,您需要在本地计算机上全局安装 Mocha,或者作为项目的依赖项安装 Mocha。这里是使用 Node 包管理器(NPM)安装的方法: 全局安装:
作为开发依赖安装到项目中:
在本地计算机上全局安装 mocha 可以使 mocha CLI 二进制可在命令行终端中使用。因此,您可以使用 Mocha 在终端上运行测试,如下所示:
但是,如果仅将 Mocha 安装为项目的开发依赖项,则可以从项目的 node_modules 目录访问 mocha 二进制文件,如下所示:
要完成 Mocha 设置,您必须编写具有非常简单功能的单元测试,并配置脚本以使用 Mocha 运行测试。 Mocha 会自动在项目的 10 目录中查找测试。因此,你必须先在项目根目录中创建这个目录。
接下来,修改 11 文件中的 10 脚本来使用 Mocha 运行测试,它应该是这样的:
通过此设置,你可以非常简单的使用下面的命令在项目中运行测试:
编写测试到现在为止,您已经通过 Mocha 运行测试做好了一切准备,但还没有任何测试可以运行。下一步将是编写针对软件所需功能的测试。 断言库编写测试通常需要使用断言库。Mocha 不会区分您选择使用的任何断言库。如果您在 Node.js 环境中使用 Mocha,你可以使用内置的 assert 模块作为您的断言库。但是,您可以使用更广泛的断言库,例如 Chai, Expect.js, Should.js。 对于本指南中所有测试,将使用 Chai 作为断言库。继续安装 Chai 作为您项目的依赖项,如下所示:
Chai 提供如下断言样式:
assert.isArray(numbers, 'is array of numbers');
numbers.should.be.an('array').that.includes(2); 1编写你的第一个测试套件是时候使用 Mocha 编写并运行您的第一个测试套件了。下面是要实现的软件需求。 一个具有以下行为的 sum() 函数:
根据最佳实践,首先使用所需功能的测试定义测试套件。 在 test 目录中添加一个 13 并将下面代码片段添加到该文件中: 2请注意,尽管尚未创建 sum 模块,但测试文件中仍需要该模块。还需要注意,sum() 调用包装在函数中,以测试传递非数字参数时是否引发错误。这是 Chai 断言库中对 .throw() 断言的要求。 接下来,实现 sum() 函数的功能,运行测试以确保所有测试都通过。 在项目的根目录中创建 13 文件,并包含下面代码: 3您现在可以通过前面定义的 10 脚本在终端中运行测试:
你可以得到如下所示的输出: 测试异步代码到目前为止,您编写的测试都是针对同步代码的。然而,大多数 Node.js 应用程序需要大量的异步代码。Mocha 还可以使用非常相似的代码轻松测试异步代码。以下任何一种代码都可用于通过 Mocha 测试异步代码:
1. 使用回调方法 18 函数的第二个参数中的函数支持一个可选的参数作为回调函数,如果传递了回调函数,Mocha 知道该测试是针对异步功能的。按照惯例,这个回调函数称为 19,但您可以自由使用任何标识符。 5关于 19 回调,需要注意以下几点:
在继续之前,这是一个简单的模块,这个模块导出一个异步 26 函数以计算字符串的 27 值。在项目根目录中添加一个新文件名为 28,并添加以下代码: 6以下代码片段使用回调函数对异步函数进行了简单测试。 在项目的 test 目录中创建一个新的 28 文件,并向其中添加以下内容: 7如果你在终端中运行测试,可以得到类似于以下内容的输出: 2. 使用 Promise如果您在支持 Promise 的环境中进行开发,则大多数异步操作可能会基于 Promise。Mocha 还使您可以测试使用 Promise 的异步代码。 每当您从传递给 it() 的函数中返回一个 Promise 时,Mocha 就会知道要测试的功能时异步的,因此它会在继续下一个测试之前等待实现 Promise。 从 Mocha V3.0.0 以及更高版本开始,在返回 promise 时调用 done() 回调将导致异常,因此不允许这样做。但是在旧版本的 Mocha 中,该调用将被忽略。 为了测试使用 promise 的异步代码,您将创建基于 Promise 的 md5 的另一个版本。 在项目根目录中创建一个新的文件 30 并添加下面代码: 8以下代码段包含一个用于 promise-md5 模块的简单测试套件。在 test 目录中创建一个 30 文件并添加以下内容: 9现在,继续使用此稍微修改的测试命令运行测试: 0此命令使用 32 将命令选项和参数传递到基础的 Mocha CLI 二进制文件。 33 标志指示 mocha 仅运行包含给定字符串的测试,在这种情况下,该测试为 promiseMd5。输出如下所示: 3. 使用 async / await对于支持最新 async / await 语法的环境,Mocha 还支持将异步函数作为第二个参数传递给 it()。因此,以前的 promise-md5.js 测试可以重写如下: 1利用测试 hooksMocha 提供了创建测试 hooks 的功能,hooks 基本上是配置为在测试之前或之后运行的逻辑。它们对于设置测试的前提条件或者在测试后清理资源很有用。使用默认的 BDD 接口,Mocha 提供了四个hooks:
根据适用于给定测试套件的 hooks,hooks 将按确定的顺序与套件中的测试一起运行,如下所示: 2创建 hooks每个挂钩基本上都将回调参数作为参数。回调函数包含触发 hooks 时要执行的逻辑。就像常规测试用例一样,逻辑可以是同步的也可以说异步的。 3hooks 也可以将可选描述作为第一个参数,这使得跟踪错误更加容易。但是,如果将命名函数作为参数传递给 hooks,如果未传递显示描述,则将函数名用作描述。 4根套件在 describe() 块外部定义 hooks 时,该钩子便成为根级 hooks。根 hooks 适用于所有测试文件,无论它们在何处定义。这是因为 Mocha 隐式创建了一个 describe() 块,称为根套件。 因此,在以下代码片段中,每个文件中的每个测试之后都会触发 afterEach() 挂钩。 5有时,您可能需要在运行任何测试套件之前执行异步操作。Mocha 允许您通过使用 38 选项运行 mocha 二进制文件来延迟根套件。对于您的项目的测试命令, 它将如下所示: 6运行此命令指示 Mocha 将特殊的 run() 回调函数附加到全局上下文。调用 run() 函数将指示 Mocha 运行已描述的所有测试套件。因此,可以在异步操作完成之后调用 run() 来运行测试。 例如,将以下代码片段添加到您先前创建的任何测试文件中(它永远不能在 it() 块内): 7现在使用下面的命令运行测试: 6请注意,测试延迟了 5 秒钟,然后运行。但是,如果不调用 run() 方法,则测试将永远不会运行。输出如下所示: 测试还不够 - 确保您的应用正常运行LogRocket 是一个前端日志记录工具,可以让您像在您自己的浏览器中一样重播问题。无需猜测错误发生的原因,或询问用户屏幕截图和日志文件,LogRocket 使您可以重播会话以快速了解出了什么问题。 除了记录 Redux actions 和状态外,LogRocket 还记录控制台日志,JavaScript 错误,堆栈跟踪,带有请求头 + 正文、浏览器元数据和自定义网络日志的网络请求/响应。它还使用 DOM 来记录页面上的 HTML 和 CSS,甚至可以为最复杂的单页面应用程序重新创建像素完美的视频。 控制测试每当未将回调函数作为第二个参数传递给 18 时,测试用例就会标记为待处理( 40),这表明该测试尚未编写。待处理测试不是失败的测试,它们包含在测试结果中。 9包括和排除测试您还可以指定应该运行或不应该运行的测试套件和测试用例。Mocha 提供了两种有用的方法: 41 和 42,用于控制测试套件和测试用例的排它和包含行为。使用 43 方法组织套件中的测试运行,并使用 44 方法确保套件中的测试运行。 0使用 18 的测试用例也是如此。通过在传递给 18 的回调函数中调用 47 可以在运行时跳过测试。这样就可以根据某些条件动态跳过测试。调用 47 有效地终止测试。因此最好的做法是避免在调用 47 之后执行其它命令。使用 47 在运行时跳过的每个测试都将标记为待处理测试(pending)。 1测试环境输出如下: 生产环境下,运行效果如下: 你可以多次使用 51 和 52 选择一组要运行的套件和测试。但是,您必须注意以下几点:
重试测试Mocha 提供了一种功能,用于指定可以重试失败的测试的次数。不建议在单元测试中使用它,但是在编写端到端测试(由于某些原因可能无法使用某外部资源)时,此功能很有用。 Mocha 提供了 this.retries() 函数,该函数可以让您指定允许重试的次数。对于每次重试,Mocha 都会运行重新 beforeEach() 和 afterEach() hooks,但不会重新运行 before() 和 after() 钩子。 以下代码片段显示一个简单的示例,改示例使用 53 测试运行器访问网页。如果服务器响应中的 status code 不是 2xx, 可能是因为网速慢或者网络连接不好,测试将被标记为失败。 2使用 54,这个测试允许在失败后重试最多5次。慢速的测试Mocha 允许你指定一个时间长度,所有执行时间超过这个值的测试将被认为是慢速测试。可以使用 55 方法来达到这个目的。这个方法的参数是一个以毫秒为单位的数字。 3注意上图中用红色文字标记的 56表示测试的执行时间,这条测试被认为是慢速测试,因为它的执行时间超过了 57 中定义的1秒才执行完成。超时时间默认情况下,Mocha 测试执行时间最多为2秒(2000毫秒)。所有超过这个时间的测试都被认为超时。当一个测试超时时,这个测试被标记为失败,并且会抛出 58 错误。但是,Mocha 提供了 59 方法,用于设置给定的测试套件,hooks或者测试用例的超时时间。这个方法接收一个以毫秒为单位 int 数值作为参数。可以在不同的级别(测试套件, hooks 或测试用例)配置不同的超时时间: 4如果像关闭超时限制,则在调用 59 时传递 0 即可。 5Mocha CLI 选项到目前为止,您已经了解了 Mocha 所提供的用于编写测试的所有工具。但是在使用 Mocha 时,仍然可以使用很多实用工具,并且只有在使用 Mocha CLI 时,才能使用的一些实用工具。 要获取 Mocha CLI 所提供的可用选项列表,请运行以下命令: 6在你的项目中,你可以实用下面的命令来代替: 7监听测试文件 61, 62 标志指示 Mocha 监听测试文件的变动并重新运行测试。这对于在开发过程中编写测试非常有用。 8Async 和 bail 63, 64 标志强制所有测试必须传递回调函数或返回一个 promise,从而异步执行。对于未指定回调函数或者未返回 promise 的测试将被标记为失败。 9 65, 66 标志指定只要有一个测试用例没有通过,就停止后面所有的测试用例。这对于持续继承很有用。 0处理超时和慢速测试除了使用 59 方法,还可以使用 68 来设置测试用例的超时时间。Mocha 的默认超时时间是2秒。你可以传递一个以毫秒为单位的数字来表示毫秒或者是带(s)后缀的数字表示秒。 1等价于: 2如果要禁用超时限制,可以使用 69,这等价于 70: 3同样的,在 CLI 中也可以设置慢速测试的阈值,使用 71 标志。默认的阈值是 75ms。如你所见,Mocha 使用此阈值高亮显示执行时间太长的测试。 4运行匹配的测试Mocha 使用 72 标志来通过正则表达式匹配需要执行的测试和测试套件。前面我们已经提到过,通过 73 标志可以匹配包含指定字符串的测试和测试套件。例如:下面命令执行所有包含 array 字符串的测试和测试用例。 5导入文件和模块 74 标志允许您导入在测试文件中使用的模块/库(例如断言库),而不是在代码中手动调用 require()。适用于诸如 should.js 之类的模块。但是要访问模块的导出(exports),您将必须在代码中 require 该模块。 6 75 运行您添加一个或多个想要优先包含在测试套件中的文件。这些文件可能包含测试所需要的某些设置逻辑。--file 标志可以多次使用以包含多个文件。Mocha 接口和报告如前所示,Mocha 提供了多个用于编写测试的接口。默认使用的是 BDD 接口,这是本指南中一直使用的接口。 76 允许您指定另外一个需要使用的接口。 7通过 77 标志,您可以指定测试报告的格式。默认的是 78格式。Mocha 还允许您使用此标志指定第三方报告格式。 8除了 78,官网还给出了其它许多报告格式浏览器中的 MochaMocha 测试运行程序也可以在浏览器中使用。Mocha 的每一个发行版都包含 80 和 81 用于在浏览器中使用。这里是在浏览器上运行 Mocha 测试的简单步骤。 |