フロントエンドのテスト戦略について考える

こんにちは。株式会社スタメンでFANTSのフロントエンドを担当している@0906kokiです！ 今回の記事では、FANTS におけるフロントエンドのテスト戦略について書きたいと思います。 🙋🏻‍♂️ はじめに みなさんはフロントエンドのテストを書いていますでしょうか？ 私が所属しているチームでは、今まで全体的なテスト指針が明文化されていなかったので、機能によってテストが書かれたり書かれなかったり、テストを書くにしても個人によって書く粒度にバラツキがありました。 直近でフロントエンドを書く人が増えていく / プロダクトがスケールしていくにつれて、そうしたバラツキによって生まれるコミュニケーションコストが大きくなってきたり、システム的な安全性を継続的に担保していくことが難しくなっていくように感じました。そのため、今まで方針を定めていなかったテスト戦略を、これから事業やプロダクト、チームがス

[hiroki23]

“Container / Presentational Component”

[hirorock]

'

[yyamano]

こういうのもテストとして扱うのか。 “eslint 等を使った静的解析や、TypeScript 等を使った静的型チェック、typo チェックなど”

[xlc]

フロントエンドではなくUIでしょ。私のSPAの麻雀アプリではロジック部分は全部テストしてる。UIは不勉強でまだできていない(やりたい気持ちはある)。https://github.com/kobalab/Majiang