AIの力でテストのガバレッジ100%にした話

by Riya Amemiya

Slide 1

Slide 1 text

AIの力でテストのガバレッジ100%にした話 1

Slide 2

Slide 2 text

自己紹介 GMOメディア所属西悠太フロントエンドエンジニア TypeScript / Next.js X: Riya31377928 リンク集 2

Slide 3

Slide 3 text

GMOメディアについて https://www.gmo.media/recruit/ https://speakerdeck.com/gmo_media/gmomedeia-cai-yong-pitutizi-liao-enzinia https://findy-code.io/companies/1113 3

Slide 4

Slide 4 text

個人開発UMTの紹介便利な関数を提供するライブラリ依存なし https://github.com/riya-amemiya/UMT 4

Slide 5

Slide 5 text

しかしUMTにはこんな問題が 5

Slide 6

Slide 6 text

テストがガバガバとりあえず動けばヨシ！そんな体制で開発していました 6

Slide 7

Slide 7 text

そんな体制で開発していたら後から自分で使ってバグに気づくことも... 「アプデしたら壊れた」は日常茶飯事 7

Slide 8

Slide 8 text

テストのガバレッジを100%にしたいリリースの安全性を高めるリファクタリングをしやすくする 8

Slide 9

Slide 9 text

でもテストのガバレッジを100%にするのは難しい網羅的なテストを書くのは大変そもそもテスト書くのめんどくさい！！！！！ 9

Slide 10

Slide 10 text

じゃあAIの力を借りよう！ 10

Slide 11

Slide 11 text

AIを活用したテストガバレッジの向上テストケースを自動生成不足しているテストケースを追加テストで見つかったバグを修正 11

Slide 12

Slide 12 text

おすすめのツール https://cursor.sh/ https://github.com/lobehub/lobe-chat 12

Slide 13

Slide 13 text

テストケースを自動生成 @Codebase [ ファイルパス] のテストをJest で書いて 13

Slide 14

Slide 14 text

不足しているテストケースを追加 @Codebase [ ファイルパス] のn 行目が不足しているので追加のテストをJest で書いて 14

Slide 15

Slide 15 text

テストで見つかったバグを修正 @Codebase [ ファイルパス] のn 行目のバグを修正して 15

Slide 16

Slide 16 text

まとめ AIの力でテストのガバレッジ100%にした話でしたテストイズベリーインポータント 16