JavaScript 测试︰ 单元 vs 功能 vs 集成测试

用户体验测试从用户的角度来测试,使用实际的用户界面,通常是在目标平台或设备上。

API 测试则从开发者的角度来做测试。我说的可不是 Http API。我说的是一个 Unit 的 API,而一个 Unit 指开发者创建出来用来和其他模块或者类交互的一整个部分。

单元测试:实时的开发者反馈

单元测试是确保单个组件的工作彼此隔绝。一个单元,通常是一个模块、 功能等等…

比方说,您的应用程序可能需要路由一个 URL 到路由处理程序。一个单元测试就用来确保此 URL 解析器正确的解析 URL。而另一个单元测试可能确保路由器为给定的 URL 调用了正确的处理程序。

然而,如果你想测试在接收到特定的 post 请求以后,数据库会添加对应的记录,那么这就是集成测试,而不是单元测试。

单元测试常常被用来开发者的反馈机制。比方说,我在工作时,会在我每一次更改之后运行 lint 和单元测试,在 console 里检测运行的结果。

Running tests on file change

为了实现这个目的,单元测试必须很快,也就是说,在单元测试里,一切异步的操作都应该被避免。

自集成测试和功能测试非常频繁地依赖于网络连接和文件 I/O,他们会显著减慢测试的速度。当有很多的测试的时候,可以运行的时间可以从毫秒数到几分钟。对于非常大的应用程序,运行完整的测试可以用一个多小时。

一个好的单元测试应该包括以下三点:

  • 非常简单

  • 速度很快 - 以迅雷不及掩耳之势

  • 生成一个「好的报告」

什么是「好的报告」呢?

「好的报告」就是能够一眼就告诉你,

  1. 什么组件正在被测试

  2. 你期望什么行为

  3. 实际是什么结果

  4. 你期望什么结果

  5. 如何重现

前四个问题应在故障报告中清晰可见,而最后的那个问题应该从测试的执行很清楚的中找到。当然,在一份不合格的报告中有一些 assertion 的类型是不能回答所有问题的,但大部分的问题 ‘equal’、 ’same’,或者 ‘deepEqual’ 都应该可以做到。事实上,如果那些断言是现有断言库里的唯一断言,现存的大多数测试套件可能会更好。大道至简!

下面这个是我在实际项目中使用 Tape 的做单元测试的例子:

// Ensure that the initial state of the “hello” reducer gets set correctly

import test from ‘tape’;

import hello from ‘store/reducers/hello’;

test(‘…initial’, assert => {

const message = should set { mode: 'display', subject: 'world' };

const expected = {

mode: ‘display’,

subject: ‘World’

};

const actual = hello();

assert.deepEqual(actual, expected, message);

assert.end();

});

// Asynchronous test to ensure that a password hash is created as expected.

import test from ‘tape’,

import credential from ‘…/credential’;

test(‘hash’, function (t) {

// Create a password record

const pw = credential();

// Asynchronously create the password hash

pw.hash(‘foo’, function (err, hash) {

t.error(err, ‘should not throw an error’);

t.ok(JSON.parse(hash).hash,

‘should be a json string representing the hash.’);

t.end();

});

});

集成测试


集成测试确保各组件一起正常工作。例如,节点路由处理程序可能需要一个记录器(logger)作为依赖。集成测试可测试路由和连接被正确的记录。

这里有两个组件同时被测试了:

  1. 路由处理器(Route handler)

  2. 记录器(Logger)

如果我们对 logger 做单元测试,这些测试是不会调用到 route handler,或者说根本就不知道还有个 handler。

如果我们对路由处理器做单元测试。我们不会管 Logger,或者与它有任何关系。我们会对路由做假的请求来测试。

Route handler 作为一种工厂函数通过依赖注入将 logger 注入进去。我们来看一段批注:

createRoute({ logger: LoggerInstance }) => RouteHandler

让我们看看如何测试它:

import test from ‘tape’;

import createLog from ‘shared/logger’;

import routeRoute from ‘routes/my-route’;

test(‘logger/route integration’, assert => {

const msg = ‘Logger logs router calls to memory’;

const logMsg = ‘hello’;

const url = http://127.0.0.1/msg/${ logMsg };

const logger = createLog({ output: ‘memory’ });

const routeHandler = createRoute({ logger });

routeHandler({ url });

const actual = logger.memoryLog[0];

const expected = logMsg;

assert.equal(actual, expected, msg);

assert.end();

});

我们来看看比较重要的细节。首先,我们创建一个 logger,然后在 memory 里做记录:

const logger = createLog({ output: ‘memory’ });

创建一个 router,然后把 logger 的依赖传过去

const routeHandler = createRoute({ logger });

向路由处理器发出假的请求,来测试记录的功能。

routeHandler({ url });

记录器应该返回内存里的 log。我们只需要检查下面的信息:

const actual = logger.memoryLog[0];

类似的,对于有数据库读写的操作,你可以连接到数据库,检查数据是不是在那里,等等……

很多集成测试测试相互作用提供服务,如第三方的 Api,并可能需要网络才能正常工作。为此,集成测试应与单元测试分开,以保持尽可能快地运行单元测试。

功能测试


功能测试是确保您的应用程序从用户的角度来看正常运行的自动化测试。功能测试测试用户的界面,输入和输出,确保软件按照期望方式做出响应。

功能测试有时被称为端到端测试,因为他们测试整个应用程序,以及与之相关的硬件和网络基础设施,从前端 UI 到后端数据库系统。在这个意义上,功能测试也是一种集成测试,确保机器和组件的都按期望工作。

功能测试通常会彻底测试”最佳路径” — — 确保关键应用程序的功能,如用户登录、 注册,购买和工作相关的关键工作流的行为符合预期。

通过 Selenium 这类 WebDriver 项目,功能测试能在诸如 Sauce Labs 这样的云服务上正确运行。

这可能有点奇技淫巧。幸运的是,我们有不少开源项目使得这件事简单不少。

我个人最喜欢的是守夜人项目 —— Nightwatch.js。从守夜人项目文档中可以看到,一个简单的守夜人功能测试套件像看起来是这样︰

module.exports = {

‘Demo test Google’ : function (browser) {

browser

.url(‘http://www.google.com’)

.waitForElementVisible(‘body’, 1000)

.setValue(‘input[type=text]’, ‘nightwatch’)

.waitForElementVisible(‘button[name=btnG]’, 1000)

.click(‘button[name=btnG]’)

.pause(1000)

.assert.containsText(‘#main’, ‘Night Watch’)

.end();

}

};

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
中…(img-kPbHyyHm-1715465851011)]

[外链图片转存中…(img-9cPNOuTM-1715465851011)]

[外链图片转存中…(img-WwrpFDBG-1715465851011)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 23
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值