前端開發與自動化單元測試趨勢

時至今日，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 的使用佔比

AngularJS 涵蓋全部版本：AngularJS1.XX / 2.XX

對於 ReactsJS 和 AngularJS 之間的比較（第一個是庫，第二個是框架），貌似聽起來有些奇怪。可是，若是僅針對開發方式來講，它確實作到了非比尋常。

AngularJS 基於緊耦合的架構，而 ReactJS 則提供了選擇自由性的可能。許多參與者表示，他們使用 AngularJS 1.XX 用於老產品的研發，而新一代的產品則會選擇 ReactJS 。基於這個反饋，近兩年來 ReactJS 的使用已呈現出指數級的增加態勢。同時，咱們指望在 2017 年，它會成爲你的首選。

前端開發框架選型

雖然這並不讓人感到驚訝，但有趣的是，兩種技術框架選型主導着整個前端開發市場。此外，在近期開發的網站中，約 80％ 的網站正在使用它們之一：AngularJS / ReactJS。

你認爲前端單元測試是一個有效的方法嗎？

大多數參與者表示，通常狀況下，他們發現自動化測試和 JavaScript 單元測試都會特別的高效。咱們認爲，其中的一個主要緣由是，高耦合的 JavaScript 代碼所致。而這也解釋了 JavaScript 單元測試框架，在市場中天然增加的緣由。

你執行過 JavaScript 單元測試嗎？

調查中的另外一個有趣的看法是，在大型組織中 JavaScript 單元測試更受歡迎。其中一個緣由多是，因爲大型組織須要處理大規模的產品，以及頻繁的功能迭代吧。這種持續的迭代方式，迫使他們進行自動化測試的投入。更具體地說，單元測試有助於加強產品的總體質量。

熱門的 JavaScript 自動化單元測試框架

排名前三位的單元測試框架分別爲 Mocha，Jasmine 和 Karma。 如下是參與咱們調查的用戶反饋：

熱門自動化單元測試框架 AngularJS / ReactJS / Vanila JavaScript

事實上，它們各自有着不一樣的優點，沒有明確的最好之說。而這些工具的初衷也只是爲了用於 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程序獅
譯文源自：https://zhuanlan.zhihu.com/p/24769046