Slide 1

Slide 1 text

不具合に立ち向かう テスト戦略 ~ NestJSで作るCI環境 ~ NestJS MeetUp Online #2

Slide 2

Slide 2 text

アジェンダ 自己紹介 1 はじめに 2 まとめ 4 デモ 3

Slide 3

Slide 3 text

アジェンダ 自己紹介 1 はじめに 2 まとめ 4 デモ 3

Slide 4

Slide 4 text

自己紹介 株式会社 MIC.9 システム部 Qiita や Zennに記事書いてます コミュニティイベントが好き 静的型付け言語も好き はば なおき 羽馬 直樹 (@naoki_haba)

Slide 5

Slide 5 text

アジェンダ 自己紹介 1 はじめに 2 まとめ 4 デモ 3

Slide 6

Slide 6 text

何を構築したの?

Slide 7

Slide 7 text

PR To main PRを 検 知 自動テスト テスト結果を 返却 全体像

Slide 8

Slide 8 text

みなさんはテスト書いてますか?

Slide 9

Slide 9 text

動けばいいでしょ? 手動で毎回テスト回すし

Slide 10

Slide 10 text

動くコード = 正義

Slide 11

Slide 11 text

毎回手動テストで疲弊するの?

Slide 12

Slide 12 text

PC並みに高速でテストできるの?

Slide 13

Slide 13 text

今日のゴール

Slide 14

Slide 14 text

CI環境って素晴らしい と感じてもらうこと

Slide 15

Slide 15 text

アジェンダ 自己紹介 1 はじめに 2 まとめ 4 デモ 3 5

Slide 16

Slide 16 text

今日の本題です

Slide 17

Slide 17 text

5 デモ用レポジトリ

Slide 18

Slide 18 text

時間の都合上 0から構築はできません

Slide 19

Slide 19 text

NestJSのセットアップから やりたいと思ってる そこのアナタ!

Slide 20

Slide 20 text

5 ハンズオン記事

Slide 21

Slide 21 text

取得 GET 登録 POST 更新 PATCH 削除 DELETE デモ用API 全体像

Slide 22

Slide 22 text

E2Eテストってなんぞや?

Slide 23

Slide 23 text

ログイン画面 遷移 ログイン情報 入力 ログイン ホーム画面 遷移 エンドツーエンドテスト(E2Eテスト)とは、アプリケ ーションのワークフローを最初から最後までテストする ソフトウェアテスト手法のことである。 https://www.browserstack.com/guide/end-to-end-testing

Slide 24

Slide 24 text

デモ

Slide 25

Slide 25 text

アジェンダ 自己紹介 1 はじめに 2 まとめ 4 デモ 3 5

Slide 26

Slide 26 text

最後にこれから テスト文化を根付かせたいあなたに

Slide 27

Slide 27 text

テストを自動化した効果 効果を得るまでの苦悩

Slide 28

Slide 28 text

手動テストの負担軽減 正確なテスト実行 コードが動くことを 自分で保証できる 不具合の早期発見 テストを自動化して得た効果

Slide 29

Slide 29 text

テストのモチベーション テストファーストに こだわる? テストナレッジを どう共有するか 効果を得るまでの苦悩

Slide 30

Slide 30 text

カバレッジをとって 自分達の頑張りを可視化

Slide 31

Slide 31 text

技術記事で知見を共有 社内勉強会の開催

Slide 32

Slide 32 text

ご静聴ありがとうございました