JavaScript 测试︰ 单元 vs 功能 vs 集成测试,web开发入门【附源码】_IT技术神

};

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();

}

};

  正如你所看到的,在中间环境中,和在生产环境中,功能测试点击真实的 Url,他们通过模拟用户的真实操作来工作。他们可以单击按钮、 输入文本、 等待待页面上的更新,通过检验页面 UI 来做断言。  ### 冒烟测试  当你部署了一个新的发布到生产环境后,很重要的一点就是确定它是否正常工作。你不希望你的用户比你还先发现错误 —— 因为这会赶走用户!  维护一份自动化的功能测试 - 比方说烟雾测试,是很重要的。测试你应用中所有的重要功能。那些用户在日常操作中会遇到的请求。  冒烟测试不是功能测试的唯一作用, 但是在我看来,却是最有意义的  **前端面试题汇总**  ![](https://s2.51cto.com/images/20210921/1632208492711586.jpg)  **JavaScript**  ![](https://s2.51cto.com/images/20210921/1632208492496213.jpg)  **[CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://ali1024.coding.net/public/P7/Web/git)**  **性能**  ![](https://s2.51cto.com/images/20210921/1632208493936592.jpg)  **linux**  ![](https://s2.51cto.com/images/20210921/1632208493698301.jpg)  **前端资料汇总**  ![](https://s2.51cto.com/images/20210921/1632208493353986.jpg)

本站由小牛团队全力维护,小牛十年了,大家已经步入中年 。本站源码全部经过团队成员测试并调试,价格可能比其它网站略贵几元钱,不解释!
小牛资源 » JavaScript 测试︰ 单元 vs 功能 vs 集成测试,web开发入门【附源码】_IT技术神

发表评论

全站资源亲测可用,价格略高几元,不解释

立即查看 了解详情