【フロントエンド】フロントエンドのテストについて考える@2019/12 | プロマリ | プログラミング教室 | リモートワーク | 港区

以下の記事はQiitaの@okmttdhrさんが記述した「フロントエンドのテストについて考える@2019/12」の紹介記事です。

Webフロントエンドのテストに関して、数年前に比べるとかなり手法が確立されました。そんな中、やはりテストそのものに対する考え方というのはずっと役に立っていると感じます。

この記事では、何をどのようにテストするのか、テストで何を目指すのか。そのようなことを書いてみたいと思います。

TLDL

全体的に抽象的でポエムっぽい記事となっております！！

テストは品質をあげない

テストはソフトウェアの品質を測る指標にはなりますが、テストそれ自体は品質を上げるわけではありません。

例えば、むやみにカバレッジをあげることはコストを増やしますし、あまり意味もないでしょう。そのため、テストの目的や種別、それぞれで担保すべき要素を理解しておくことが重要だと考えます。

テストの役割とは

テストをすることで、結果的には品質に貢献しますが、あくまでひとつの要素として捉えておくことが必要です。「品質」は思うより大きな言葉で、そもそもの技術的なアーキテクチャはもちろん、技術以外にも多くのステークホルダーが関わっています。

ソフトウェアにおけるテストの役割は、ひとことでいうと、信頼できるソフトウェアをつくることだと考えます。それはむしろ、開発者視点での役割が大きいです。

例えば、以下のようなことが達成できます。

• 機能追加、変更、削除時に既存の機能を壊さない可能性を上げることができる-
• 開発中に予期せぬエラーを見つけやすくなり、時間を節約できる
• 例えエラーが見つからないとしても、コードの観点で機能が担保されていれば、信頼できるコードをデプロイできる
• テストファーストのプロセスでは、テストケース(仕様)から実装を考えることができ、設計がしやすくなる

テストの種別とフロントエンド

テスト種別の整理をしながら、フロントエンドのテストについて考えてみます。

ざっくり説明すると、入門コース最後の節では、

• VirtualBox上に構築したUbuntu環境から
• Node.js,Express,Webpack,PostgreSQLにて制作したGitHub認証入りのWebサービスを
• テストコードやCI、脆弱性対策も完備して
• Herokuにgit pushしてデプロイする