阅读更多

0顶
0踩

研发管理
用户对于现代 Web 应用除了美观要求之外,对产品体验度也有较高的要求。在推荐过几期开源图形库和通用独立 UI 组件后,觉着是时候推荐一些测试工具了。

一、单元测试/测试运行器

1、Jest

知名的 JavaScript 单元测试工具,由 Facebook 开源,开箱即用。它在最基础层面被设计用于快速、简单地编写地道的 JavaScript 测试,能自动模拟 require() 返回的 CommonJS 模块,并提供了包括内置的测试环境 Dom API 支持、合理的默认值、预处理代码和默认执行并行测试在内的特性。通过在并行进程中同时运行测试,让测试更快地结束。

2、AVA

号称“未来的测试运行器”,利用 JavaScript 在 Node.js 里使得 IO 可以并行的优点,让你的测试可以并发执行,这对于 IO 繁重的测试特别有用。另外,测试文件可以在不同的进程里并行运行,让每一个测试文件可以获得更好的性能和独立的环境。测试并发执行强制你写原子测试,意味着测试不需要依赖全局状态或者其他测试的状态。

3、Mocha

一个功能丰富的测试框架,用于 Node.js 和浏览器上的 JavaScript 应用测试,使异步测试变得简单而有趣。它可以持续运行测试,支持灵活又准确的报告,当映射到未捕获异常时转到正确的测试示例。

4、Karma

基于 Node.js 的 JavaScript 测试运行器,旨在为开发人员带来有效的测试环境。可用于测试所有主流 Web 浏览器,也可集成到 CI 工具,还可和其他代码编辑器一起使用。另外一个强大特性就是,它可以监控文件的变化,然后自行执行,通过 console.log 显示测试结果。


二、Web 测试

1)集成测试

Enzyme

一个用于 React 的 JavaScript 测试工具,方便你判断、操纵和历遍 React Components 输出。其 API 旨在通过模仿 jQuery 的 API ,使得 DOM 操作和历遍很灵活、直观。兼容所有的主要测试运行器和判断库。

示例:Shallow Rendering
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);
  });
});

2)功能测试

1、WebDriverIO

该库是 Node.JS 的 Webdriver(浏览器自动化)模块,可在 BDD / TDD 测试框架中编写超级简单的 Selenium 测试。

2、Nightwatch

一个易于使用的基于 Node.js 的浏览器自动化测试解决方案。它使用强大的 Selenium WebDriver API 来在 DOM 元素上执行命令和断言。语法简单但很强大,使你可以快速编写测试。内置的命令行测试运行器,能够运行整体测试,分组测试或者单个测试。

类似的还有 ProtractorCasperJS ,感兴趣的可以直接查看。

3)Visual 测试

Storybook

一个 UI 组件的开发环境,允许你浏览组件库,查看每个组件的不同状态,以及交互式开发和测试组件。它运行在应用之外,允许隔离开发 UI 组件,这可以提高组件的重用性、可测试性和开发速度。

4)猴子测试(Monkey Testing,也称“搞怪测试”)

Gremlins.js

一个用 JavaScript 编写的猴子测试库,用于 Node.js 和浏览器。通过释放大量无规律的 gremlins 来检测 Web 应用的鲁棒性。

5)服务端测试

1、K6

用于测试性能,以开发人员为中心的负载测试工具。提供了一个通过 REST API 进行编排的清新易用的脚本 API 。使用 Go 和 JavaScript构 建,可以很好地集成到开发工作流程中。

2、SuperTest

SuperAgent 的一个扩展,一个轻量级 HTTP AJAX 请求库。提供对 HTTP 测试的高度抽象, 极大地简化了基于 HTTP 的测试。
  • 大小: 188 KB
  • 大小: 397.6 KB
  • 大小: 26.4 KB
  • 大小: 46.7 KB
  • 大小: 148.9 KB
  • 大小: 78.1 KB
  • 大小: 1.9 MB
  • 大小: 1.9 MB
  • 大小: 798.3 KB
来自: oschina
0
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 帮助你开发更快web页面的15个工具

    WEB开发帮助你开发更快web页面的15个工具软件测试面是15个很有用的工具,能够帮助你开发更快的web工具1.YSlowforFirebugYSlow能够评价一个网站的性能,基于Yahoo!DeveloperNetwork的...

  • DITRAEXTO:面向 Web 开发人员的目录遍历开发工具。-开源

    Ditraexto 是一个旨在促进利用目录路径... 目前,它已经在使用 PHP 编程的页面的站点上进行了测试,但是,只要从控制台或配置文件中指定其他类型的代码,就可以提取其他类型的代码,这些代码被管理以控制检测限制程序。

  • 基于Java实现的Web服务器与测试工具开发

    基于 Java 编程语言,利用 http socket 通信技术,写一个小型的 Web 服务器与一个爬虫的测试工具,来对比分析所写的服务器获取到的页面源码与从 Tomcat 获取的相似度。小型 Web 服务器:支持客户端的网页请求,进行...

  • Google Chrome WEB开发 开发人员工具使用

    很是好用的Google浏览器Chrome,工作人员开发工具,可以测试页面元素,页面响应速度,页面错误,相比于Firebug也不逊色,支持使用。

  • 给 Web 开发人员推荐的文档生成工具

    (点击上方公众号,可快速关注) 来源:oschina  ...工欲善其事必先利其器,在此给 Web 开发人员推荐几款优秀的开源文档生成工具,希望能对大家有所帮助。 1、JavaScript JS

  • Web测试工具对比--自动化软件测试(1)

    为了把这部分功能让测试人员 Web测试工具对比--自动化软件测试(1) 软件测试 针对xxx(java开发)软件进行测试,对winrunner7.0,RationalRobot,QuickTest进行评测,评测主要包括易用性,扩展性,稳定性等三方面....

  • 12 款适用于开发人员的最佳 Web 开发软件

    如果您正在寻找最好的 Web 开发软件,那么您可能会对从哪里开始构建网站感到有些困惑。对于我们大多数人来说,构建网站或做任何与 Web 开发相关的事情都是一项艰巨的任务。好吧,没有必要担心,因为我们可以利用技术...

  • 推荐给测试和开发人员五款好用的测试工具

    Endtest 这个工具可能绝大数的测试和开发都不太了解,它是一款无需编写的自动化测试工具,它可以创建,管理和运行 Web 应用程序和本机移动应用程序(Android 和 iOS) 这是一些它的功能: 跨浏览器网格,在 Windows...

  • 接口测试工具,开发人员必备

    提供功能强大的 Web API & HTTP 请求调试。它能够发送任何类型的HTTP 请求 (GET, HEAD, POST, PUT..)

  • TAGui非开发人员和业务用户的工具来自动化web应用程序

    TA.Gui:非开发人员和业务用户的工具来自动化web应用程序

  • 主流的web前端开发及调试工具

    web前端开发工具 (开发工具众多,只举例常用的。) Visual Studio Code: 界面美观 插件安全界面操作方便 Sublime text :是主流的开发编辑器, 小巧轻便 启动速度快(媲美记事本) 丰富的可扩展插件 内置语言的...

  • web前端常用开发工具排行:8款html开发工具推荐下载

    网站开发一般分为前端和后端两个部分。前端负责实现页面效果,后端主要负责功能开发。一般的开发流程是先由美工或者网页...那web开发都用什么工具呢?最常用的前端开发工具有哪些呢?本文推荐8款最好用的web前端开发...

  • 蓝桥杯新增web应用开发科目—送给想要参赛的小伙伴们一份备赛指南

    《 关于“第十三届蓝桥杯全国软件和信息技术专业人才大赛个人赛 (软件类)Web 应用开发组竞赛”》 赛事必知: 有关于组别: 具有正式学籍的在校全日制研究生、本科、高职高专及中职中专学生(以报名时状态为准)...

  • WebUI自动化测试框架

    本项目是一个基于Selenium的Web自动测试框架,通过该框架可以简化测试人员的学习难度,只要编写少量的Java代码即可,大多数的工作都是编写页面元素的描述文件以及对应的数据源。

  • Web前端:前12个易于Web开发的前端开发工具

    如今,大多数组织都专注于前端开发,以提高用户参与度,产生投资回报率,网站效率和更好的网站外观。所有这些因素都有助于增强数字平台的业务可见性。

  • webserver测试工具

    WIN7 64 位的测试WEBSERVER工具。支持各类平台开发的WEBSERVER服务

  • 网页开发工具有哪些?——开发者必备的15个Web开发工具

    ——开发者必备的15个Web开发工具 序号 软件名称 软件说明 1 Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体...

  • webpanda:免费的离线 Web 开发工具

    免费的离线 Web 开发工具 我们有 JsBin 和 JsFiddle 来帮助 JavaScript、CSS 和 HTML 人员测试代码片段。 它允许您编辑和测试我们的代码并立即显示 UI。 但是我们没有离线和免费的 Web 开发工具。

  • java web开发性能监测工具

    java web开发性能监测工具 java web开发性能监测工具 java web开发性能监测工具

Global site tag (gtag.js) - Google Analytics