バックエンドエンジニアによるフロントエンドテスト拡充の具体的手法 by きのすけ

組織によっては、フロントエンドの専門エンジニアがいないケースも多く、バックエンドエンジニアがフロントエンドを兼任することがあるかと思います。そのような組織においては、フロントエンド領域における技術的課題が溜まりがちではないでしょうか。

私が所属していたチームでもそのような課題を抱えていました。特にフロントエンドのテストが非常に乏しく、ちょっとした変更のたびにマニュアルでのテストが必要な状態でした。

このトークでは、バックエンドを主担当としてきた私が、フロントエンドテストの拡充するために行った取り組みを紹介したいと思います。主に以下のお話を考えています。

• フロントエンドテストのキャッチアップをどのように行ったか。
• リファクタリングを容易にするために、関数単位のユニットテストよりも、コンポーネント単位のユニットテストを重視。
• フィーチャー開発の手を止めずに実現した、朝の30分活動でのテストコード追加。
• チームメンバーに浸透させるために行ったハンズオンや、AIコードエディタ(Cursor)によるテストコード生成。

このトークを通じて、バックエンドエンジニアでもフロントエンドテストを充実させることが可能であることを示し、参加者の組織におけるテスト拡充の一助となれば嬉しいです。