フロントエンド技術を学ぼう 3-25.テストツール

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

第77回は Part III: Front-End Dev Toolsから、25項のTesting Toolsを紹介します。

テストツールの説明です。

テストツール

ソフトウェアテストフレームワーク

• Intern
• Karma
• Jest

ユニットテスト

• AVA
• Jasmine
• Mocha
• Tape

ユニットテストのためのアサーション

• Chai
• expect.js
• should.js

ユニットテストのためのスパイ、スタブ、モック

• sinon.js
• Kakapo.js

ブラウザ用のホスト型テスト/オートメーション

• Browserling [$]
• BrowserStack [$]
• CrossBrowserTesting.com [$]
• Nightcloud.io
• Sauce Labs [$]

ブラウザの自動化

• CasperJS
• Nightmare
• TestCafe

UIテストツール

• gremlins.js
• Percy
• BackstopJS
• PhantomCSS
• Ghost Inspector
• diff.io

デッドリンク＆エラー自動検知

• Monkey Test It

補足

テストフレームワークは通常、ユニットテストだけでなく、多くのツールを提供します。JavaScriptのユニットテストソリューションをお探しの場合は、JavaScriptツールをご覧ください。

調査結果

以下の画像は、2016 Frontend Tooling Survey(開発者4,715名)および2016 State of JS Survey(開発者9,307名)からのものです。

Image source: http://stateofjs.com/