| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
pjqt8019
7年前发布

给 Web 开发人员推荐的测试工具

   <p>用户对于现代 Web 应用除了美观要求之外,对产品体验度也有较高的要求。在推荐过几期开源图形库和通用独立 UI 组件后,觉着是时候推荐一些测试工具了。</p>    <h2><strong>一、单元测试/测试运行器</strong></h2>    <h3><strong>1、Jest</strong></h3>    <p>知名的 JavaScript 单元测试工具,由 非死book 开源,开箱即用。它在最基础层面被设计用于快速、简单地编写地道的 JavaScript 测试,能自动模拟 require() 返回的 CommonJS 模块,并提供了包括内置的测试环境 Dom API 支持、合理的默认值、预处理代码和默认执行并行测试在内的特性。通过在并行进程中同时运行测试,让测试更快地结束。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d6f83532e89c50a836492e4d52b18bec.png"></p>    <h3><strong>2、AVA</strong></h3>    <p>号称“未来的测试运行器”,利用 JavaScript 在 Node.js 里使得 IO 可以并行的优点,让你的测试可以并发执行,这对于 IO 繁重的测试特别有用。另外,测试文件可以在不同的进程里并行运行,让每一个测试文件可以获得更好的性能和独立的环境。测试并发执行强制你写原子测试,意味着测试不需要依赖全局状态或者其他测试的状态。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/0b9427cc1863b4d69f7d879d6bd44c14.gif"></p>    <h3><strong>3、Mocha</strong></h3>    <p>一个功能丰富的测试框架,用于 Node.js 和浏览器上的 JavaScript 应用测试,使异步测试变得简单而有趣。它可以持续运行测试,支持灵活又准确的报告,当映射到未捕获异常时转到正确的测试示例。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/300617bfb0e752e268ab214fd408fa20.png"></p>    <h3><strong>4、Karma</strong></h3>    <p>基于 Node.js 的 JavaScript 测试运行器,旨在为开发人员带来有效的测试环境。可用于测试所有主流 Web 浏览器,也可集成到 CI 工具,还可和其他代码编辑器一起使用。另外一个强大特性就是,它可以监控文件的变化,然后自行执行,通过 console.log 显示测试结果。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/ff8133c259678f4fb3fc34e3770b67a7.png"></p>    <h2><strong>二、Web 测试</strong></h2>    <h3><strong>1)集成测试</strong> <strong>Enzyme</strong></h3>    <p>一个用于 React 的 JavaScript 测试工具,方便你判断、操纵和历遍 React Components 输出。其 API 旨在通过模仿 jQuery 的 API ,使得 DOM 操作和历遍很灵活、直观。兼容所有的主要测试运行器和判断库。</p>    <p>示例:Shallow Rendering</p>    <pre>  import React from 'react';  import { expect } from 'chai';  import { shallow } from 'enzyme';  import sinon from 'sinon';    import MyComponent from './MyComponent';  import Foo from './Foo';    describe('<MyComponent />', () => {    it('renders three <Foo /> components', () => {      const wrapper = shallow(<MyComponent />);      expect(wrapper.find(Foo)).to.have.length(3);    });      it('renders an `.icon-star`', () => {      const wrapper = shallow(<MyComponent />);      expect(wrapper.find('.icon-star')).to.have.length(1);    });      it('renders children when passed in', () => {      const wrapper = shallow((        <MyComponent>          <div className="unique" />        </MyComponent>      ));      expect(wrapper.contains(<div className="unique" />)).to.equal(true);    });      it('simulates click events', () => {      const onButtonClick = sinon.spy();      const wrapper = shallow((        <Foo onButtonClick={onButtonClick} />      ));      wrapper.find('button').simulate('click');      expect(onButtonClick).to.have.property('callCount', 1);    });  });</pre>    <h3><strong>2)功能测试</strong></h3>    <p><strong>1、WebDriverIO</strong></p>    <p>该库是 Node.JS 的 Webdriver(浏览器自动化)模块,可在 BDD / TDD 测试框架中编写超级简单的 Selenium 测试。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/ee330dda4ffc6b17cdb1dd46f344ae61.gif"></p>    <p><strong>2、Nightwatch</strong></p>    <p>一个易于使用的基于 Node.js 的浏览器自动化测试解决方案。它使用强大的 Selenium WebDriver API 来在 DOM 元素上执行命令和断言。语法简单但很强大,使你可以快速编写测试。内置的命令行测试运行器,能够运行整体测试,分组测试或者单个测试。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/8d032fefb1f32afca1c205c1063295af.png"></p>    <p>类似的还有 <a href="/misc/goto?guid=4959746222615385904" rel="nofollow,noindex">Protractor</a> 和 <a href="/misc/goto?guid=4958830653811784781" rel="nofollow,noindex">CasperJS</a> ,感兴趣的可以直接查看。</p>    <h3><strong>3)Visual 测试</strong> <strong>Storybook</strong></h3>    <p>一个 UI 组件的开发环境,允许你浏览组件库,查看每个组件的不同状态,以及交互式开发和测试组件。它运行在应用之外,允许隔离开发 UI 组件,这可以提高组件的重用性、可测试性和开发速度。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/2c663defce0e8f4d0c256e911f74b727.gif"></p>    <h3><strong>4)猴子测试(Monkey Testing,也称“搞怪测试”)</strong> <strong>Gremlins.js</strong></h3>    <p>一个用 JavaScript 编写的猴子测试库,用于 Node.js 和浏览器。通过释放大量无规律的 gremlins 来检测 Web 应用的鲁棒性。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d3af8fea0197918444f95c15da261f2c.gif"></p>    <h3><strong>5)服务端测试</strong></h3>    <p><strong>1、K6</strong></p>    <p>用于测试性能,以开发人员为中心的负载测试工具。提供了一个通过 REST API 进行编排的清新易用的脚本 API 。使用 Go 和 JavaScript构 建,可以很好地集成到开发工作流程中。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/06c90aa1cf6462fa41da58760f983396.gif"></p>    <p><strong>2、SuperTest</strong> SuperAgent 的一个扩展,一个轻量级 HTTP AJAX 请求库。提供对 HTTP 测试的高度抽象, 极大地简化了基于 HTTP 的测试。</p>    <p> </p>    <p>来自:http://www.iteye.com/news/32611</p>    <p> </p>    
 本文由用户 pjqt8019 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1503218305807.html
测试工具 程序员