前端开发自动化单元测试趋势

前端开发自动化单元测试趋势_第1张图片
前端开发自动化单元测试趋势

时至今日,Web 前端已经发生了巨大的演变,而单页应用程序也成为了标准。众多应用程序完成了从 PC 到移动端的华丽转身,而那些基于 JavaScript 的框架变得更受开发者们欢迎。

TestProject 进行了一项调查,以便了解目前前端开发技术和自动化单元测试的趋势。调查的结果揭示了软件专业人士对热门框架,以及工具的偏好程度。我们从 957 个相关人士的调查问卷中,得出了这个让人印象深刻的结果!

调查方式

  • 向 2,735 名相关者发出在线问卷调查,其中 957 人回答了问卷中的问题。
  • 数据收集日期:2016.7.25—2016.8.20
  • 目标群体:Web 前端开发人员,全栈开发人员,软件开发团队领导,Q / A 自动化团队领导,测试自动化工程师和管理人员。
  • 组织规模:1-10,10-60,60-100,100+

见解

  • 目前, Web 开发技术框架选型为两种的占 80% 。这种戏剧性的变化持续了近 6 年。
  • 自 2013 年 5 月推出以来,ReactJS 在过去三年中已成为了 Web 开发领域的中坚力量。
  • 基于 JavaScript 的单元测试被证明是一种高效的测试方法,其中 71% 的组织执行了 JavaScript 单元测试,而 84% 的组织则相信它是有益的!
  • Jasmine 和 Mocha 是最流行的 JavaScript 单元测试框架,Jasmine 主要配合 AngularJS 进行单元测试,而 Mocha 则与 ReactJS 配合使用。

ReactJS Vs. AngularJS 的使用占比

前端开发自动化单元测试趋势_第2张图片
AngularJS 涵盖所有版本:AngularJS1.XX / 2.XX

对于 ReactsJS 和 AngularJS 之间的比较(第一个是库,第二个是框架),貌似听起来有些奇怪。但是,如果仅针对开发方式来说,它确实做到了非比寻常。

AngularJS 基于紧耦合的架构,而 ReactJS 则提供了选择自由性的可能。许多参与者表示,他们使用 AngularJS 1.XX 用于老产品的研发,而新一代的产品则会选择 ReactJS 。基于这个反馈,近两年来 ReactJS 的使用已呈现出指数级的增长态势。同时,我们期望在 2017 年,它会成为你的首选。

前端开发框架选型

前端开发自动化单元测试趋势_第3张图片

虽然这并不让人感到惊讶,但有趣的是,两种技术框架选型主导着整个前端开发市场。此外,在近期开发的网站中,约 80% 的网站正在使用它们之一:AngularJS / ReactJS。

你认为前端单元测试是一个有效的方法吗?

前端开发自动化单元测试趋势_第4张图片

大多数参与者表示,一般情况下,他们发现自动化测试和 JavaScript 单元测试都会特别的高效。我们认为,其中的一个主要原因是,高耦合的 JavaScript 代码所致。而这也解释了 JavaScript 单元测试框架,在市场中自然增长的原因。

你执行过 JavaScript 单元测试吗?

前端开发自动化单元测试趋势_第5张图片

调查中的另一个有趣的见解是,在大型组织中 JavaScript 单元测试更受欢迎。其中一个原因可能是,由于大型组织需要处理大规模的产品,以及频繁的功能迭代吧。这种持续的迭代方式,迫使他们进行自动化测试的投入。更具体地说,单元测试有助于增强产品的整体质量。

组织规模
单元测试覆盖率
1-10
56%
10-100
69%
100+
81%

热门的 JavaScript 自动化单元测试框架

前端开发自动化单元测试趋势_第6张图片

排名前三位的单元测试框架分别为 Mocha,Jasmine 和 Karma。 以下是参与我们调查的用户反馈:

前端开发自动化单元测试趋势_第7张图片

热门自动化单元测试框架 AngularJS / ReactJS / Vanila JavaScript

前端开发自动化单元测试趋势_第8张图片

事实上,它们各自有着不同的优势,没有明确的最好之说。而这些工具的初衷也只是为了用于 AngularJS(例如 Protractor 和 Karma),但最终也广泛应用于 ReactJS 。

最流行的 JavaScript 自动化单元测试工具组合是:

  • Jasmine 与 Protractor (72.4%)
  • Jasmine 与 Karma (67.7%)
  • Jasmine 与 Jest (58.3%)
  • Karma 与 Protractor (58.6%)

想要更深入了解,为什么 Jasmine 和 Karma 是一对优秀的 JavaScript 单元测试组合。继续在这里阅读。


如果觉得文章不错,不妨点个赞。

注:

  1. 由于译者水平有限,若翻译不当之处,还请大家多多指正,我会尽快修改;
  2. 本文版权归原作者所有。如需转载译文,烦请注明出处,谢谢!

英文原文:Front End Development & Unit Test Automation Trends!
作者:MARK KARDASHOV
译者:IT程序狮
译文源自:http://www.jianshu.com/p/ab2ca5b5d909

你可能感兴趣的:(前端开发自动化单元测试趋势)