《JavaScript忍者秘籍》——2.2 测试用例生成

2.2 测试用例生成

Robert Frost曾写道:篱笆筑得牢,邻居处得好,Web应用程序也是如此,不管是何种编程准则,好的测试铸就好的代码。注意对这个“好”字的强调。如果测试用例的构建很差,它很有可能只是大量的测试套件,不会真正帮助我们提高代码质量。

优秀的测试用例具有三个重要特征。

  • 可重用性(repeatability)——测试结果应该是高度可再生的。多次运行测试应该产生相同的结果。如果测试结果是不确定的,那我们又如何知道哪些结果是有效的,哪些又是无效的呢?此外,可重现性可以确保我们的测试不依赖于外部因素(诸如网络或CPU负载)。
  • 简单性(simplicity)——测试应该只专注于测试一件事。在不影响测试用例目的情况下,我们应该尽可能消除过多的HTML标记、CSS或JavaScript。我们删除得越多,测试用例只受特定代码影响的可能性就越大。
  • 独立性(independence)——测试用例应该独立执行。我们必须避免一个测试结果依赖于另外一个测试结果。把测试分解成尽可能小的单元,这将帮助我们确定在错误发生时的确切代码位置。

有很多方法可以用于构建测试,有两种主要的方法分别是解构型测试和构建型测试:

  • 解构型测试用例(deconstructive test cases)——解构型测试用例,在消弱代码隔离问题时进行创建,以消除任何不恰当的问题。这有助于我们实现之前列出的三个特征。我们可能从一个完整的网站开始练习,但在消除额外的HTML标记、CSS和JavaScript之后,我们将看到一个能重现该问题的小用例场景。
  • 构建型测试用例(constructive test cases)——构建型测试用例,我们从一个大家熟知的良好精简场景开始,构建用例,直到我们能够重现bug为止。为了使用这种风格的测试,我们需要几个用于构建测试的简单测试文件,以及用于生成这些新测试的干净代码副本。
    让我们来看一个构建型测试的例子。

创建一个精简的测试用例时,我们可以从几个已经包含最小功能的HTML文件开始。甚至不同的起始文件可以包含不同的功能,例如,一个文件用于DOM操作,一个文件用于Ajax测试,另外一个则用于动画,等等。

举个例子,如下代码清单展示了一个简单的用于测试jQuery的DOM测试用例。

代码清单2.3 一个精简的用于jQuery的DOM测试用例

要使用干净的代码副本生成一个测试用例,我们可以使用shell脚本签出jQuery库,复制测试用例,并构建测试套件,如下所示:

将上述脚本保存为一个gen.sh的文件,并使用如下命令行执行:

该命令将可以让我们从Git库的dom.html文件中获取DOM测试用例。

另外一种方式是使用一个预先构建的用于创建测试用例的服务。其中一个叫JS Bin,它是一个用于构建测试的简单工具,可以生成一个唯一的url地址——甚至可以引用一些最受欢迎的JavaScript库的副本。JS Bin的示例如图2.4所示。

一旦具备了创建测试用例所需的工具和知识以后,我们就可以为这些测试创建一些测试套件,从而使得反复运行这些测试变得更加容易。让我们来研究一下。

时间: 2024-09-20 18:45:08

《JavaScript忍者秘籍》——2.2 测试用例生成的相关文章

《JavaScript忍者秘籍》——导读

**前言**Web应用程序将为用户提供丰富的用户界面体验,没有JavaScript,我们也就只能显示几张小图片.Web开发人员比以往任何时候都更需要熟练掌握能够为Web应用程序带来生命的语言. 像橙汁和早餐一样,JavaScript不再只用于浏览器了.该语言推倒了浏览器的界限,可用在Rhino和V8等引擎的服务器上,也可以用于像node.js这样的框架. 虽然本书主要是介绍用于Web应用程序的JavaScript,但本书第二部分提出的JavaScript基础适用范围也很广泛. 随着使用JavaS

《JavaScript忍者秘籍》——第2章 利用测试和调试武装 自己2.1 调试代码

第2章 利用测试和调试武装 自己 本章涵盖以下内容. JavaScript代码调试工具 测试用例生成技术 构建测试套集 如何测试异步操作 为代码构建有效的测试套件是非常重要的,所以在我们进入任何编码之前,要首先对它进行讨论.和可靠的测试策略同样重要的是要对所有代码进行测试,外部因素有可能影响代码的操作效果这点十分重要,这正是我们在跨浏览器JavaScript开发时要面对的情况. 我们不仅要处理典型问题:确保代码质量,尤其是与多位同时编写一段代码的开发人员打交道时,并避免出现会破坏API的回归错误

《JavaScript忍者秘籍》——2.5 总结

2.5 总结 在这一章中,我们已经学习了一些与调试JavaScript代码相关的基本技术,以及基于这些结果构建简单的测试用例. 我们研究了在代码执行时,如何使用日志记录来观察代码的行为,我们甚至实现了一个方便的方法,可以确保在现代和传统浏览器上都能够成功记录日志,不管它们之间有多少差异. 我们探索了如何使用断点,在特定的代码行上停止代码的执行,以便能够了解代码执行时的状态. 然后学习了测试用例生成,定义并关注良好测试的特性:可重复性(repeatability).简单性(simplicity)和

《JavaScript忍者秘籍》——第2章 利用测试和调试武装自己 2.1调试代码

第2章 利用测试和调试武装自己 本章涵盖以下内容. JavaScript代码调试工具 测试用例生成技术 构建测试套集 如何测试异步操作 为代码构建有效的测试套件是非常重要的,所以在我们进入任何编码之前,要首先对它进行讨论.和可靠的测试策略同样重要的是要对所有代码进行测试,外部因素有可能影响代码的操作效果这点十分重要,这正是我们在跨浏览器JavaScript开发时要面对的情况. 我们不仅要处理典型问题:确保代码质量,尤其是与多位同时编写一段代码的开发人员打交道时,并避免出现会破坏API的回归错误(

《JavaScript忍者秘籍》——第1章 进入忍者世界 1.1即将探索的JavaScript库

第1章 进入忍者世界 本章涵盖以下内容: 介绍本书的目的和结构 将要关注的库 什么才是JavaScript高级编程 跨浏览器编程 测试套件示例 如果你正在阅读本书,应该知道,没有什么简单方法可以创建有效且跨浏览器的JavaScript 代码,除了编写整洁代码的常规挑战外,我们还要额外应对各种浏览器的差异和复杂性.为了应对这些挑战,JavaScript开发人员通常使用JavaScript库来实现通用和可重用的功能. 这些库虽然在方法.内容和复杂性方面有很大差异,但唯一不变的是:它们都需要简单易用,

《JavaScript忍者秘籍》——2.3 测试框架

2.3 测试框架 测试套件应该作为基本开发流程的一部分,所以应该选择一个非常适合自己代码风格和代码库的测试套件.一个JavaScript测试套件应该满足一个唯一需求:显示测试的结果,以便很容易地确定哪些测试通过的,哪些是失败的.测试框架可以帮助我们达到这一目标,除了创建测试并将其组织到测试套件中以外,不用再担心别的事情. 根据测试的需要,我们可以从JavaScript测试框架中找到很多功能.其中一些功能包括: 能够模拟浏览器行为(单击按键等). 测试的交互式控制(暂停和恢复测试). 处理异步测试

《JavaScript忍者秘籍》——1.4 当前最佳实践

1.4 当前最佳实践 掌握JavaScript语言和跨浏览器编码问题是成为Web应用程序开发专家的重要条件,但它们并不是全部.要进军专家行列,还需要秀出以下很多开发人员之前都已经掌握的高质量代码.我们将在第2章深入研究这些被称为最佳实践(best practices)的特征,除了熟练掌握语言外,还包括如下元素. 测试. 性能分析. 调试技巧. 在我们的编程过程中,时常遵守这些最佳实践是极其重要的:跨浏览器开发的复杂性也直接证明了这一点.让我们来看看这些实践. 1.4.1 当前最佳实践:测试在本书

《JavaScript忍者秘籍》——1.5 总结

1.5 总结 以下是我们在本章所学到的内容. 跨浏览器的Web应用程序开发是困难的,比大多数人想象的都要难. 为了圆满完成跨浏览器开发,我们不仅要掌握JavaScript语言,还要全面了解浏览器以及它们的怪异模式和矛盾,并要具备当前最佳实践方面的良好基础. JavaScript开发毋庸置疑是很具有挑战性的,但有一些勇敢者已经沿着这条曲折的道路走了下来,那就是JavaScript库的开发者.我们将提炼这些代码库中的知识,有效地提高我们的开发技能,并将这些技能提升到世界一流水平. 这些探索肯定会很有

《JavaScript忍者秘籍》——1.2 理解JavaScript语言

1.2 理解JavaScript语言 很多JavaScript程序员,在工作中不断进步,直到能够熟练使用大量的JavaScript语言元素,包括对象.函数(如果他们始终关注编码趋势)甚至是匿名内联函数.然而,在许多情况下,这些技巧可能并没有超出基础水平.此外,这些程序员,通常对JavaScript中闭包(closures)的目的和实现有着非常匮乏的理解,而闭包从根本上例证了函数对于该语言的重要性. JavaScript中,对象.函数和闭包之间有着很密切的关系(如图1.1所示).理解这三个概念之间