TDDの導入とエンドツーエンドテスト自動化の実践まとめ

7022 ワード

Capybara TDD Turnip gherkin e2e TDD テキストリンク

TDDの導入とエンドツーエンドテスト自動化の実践

2014/02/13に行われたTDDの導入とエンドツーエンドテスト自動化の実践の内容を簡単にまとめました。

「Growing Learning Feedback Loop, Guided by TDD & Patterns」家永英治氏

TDDとは？

テスト駆動開発
コードを書く前にテストを書く

なぜTDDをやるのか？

テストとリファクタリングできれいなコードを保つ

悪循環から好循環のループに持っていく

好循環ループとは

- テストを書くことによって継続的にデモを行うことが出来る

TDDの落とし穴

カバレッジ率だけ追っても意味が無い
大切なことは”リーダブルコードを保つ”ということ
- リーダブルコードを読みましょう！
- リーン開発の現場
- レガシーコード改善ガイド

TDDを身につける

TDDBC
- TDDを実践演習で教えてもらう
素振り（写経）
- Rails Tutorialをやる

TDDをはじめる

一人でひっそり
気の合う同僚
界王拳(自発的残業)

TDDを広げる

アイデアを組織に広めるための48のパターン
- 感謝を伝える
- 個人的な接触

「テスト自動化のアプローチ拡張トレンド〜Excel項目定義手動テストから自動テストへ〜」福井修氏

エンドツーエンドテストとは

e2eテスト
システム全体が正しく動作することを確認する

テスト自動化のアプローチ拡張トレンド

</p><div> <strong> <a href="https://www.slideshare.net/FUKUIOsamu/20140212-develove" title="20140212 develove" rel="nofollow noopener" target="_blank">20140212 develove</a> </strong> from <strong><a href="http://www.slideshare.net/FUKUIOsamu" rel="nofollow noopener" target="_blank">Fukui Osamu</a></strong> </div> <h3> <span id="gherkin--capybara--turnipによるe2eテストの自動化" class="fragment"/>Gherkin + Capybara + Turnipによるe2eテストの自動化</h3> <ul> <li><p><a href="http://magazine.rubyist.net/?0042-FromCucumberToTurnip" rel="nofollow noopener" target="_blank">エンドツーエンドテストの自動化は Cucumber から Turnip へ</a></p></li> <li> <p>ボトムアップのテスト</p> <ul> <li>エンジニア視点</li> <li>Unitテストなど</li> </ul> </li> <li> <p>トップダウンのテスト</p> <ul> <li>ユーザ視点</li> <li>仕様書からの掘り下げ</li> <li>Excelなどでテスト項目を列挙するテスト方案など</li> </ul> </li> </ul> <h3> <span id="gherkin" class="fragment"/>Gherkin</h3> <ul> <li>テストが自然言語で書ける</li> </ul> <div class="code-frame" data-lang="cucumber"> <div class="code-lang"><span class="bold">view01.feature</span></div> <div class="highlight"><pre><code><span class="c"># encoding: utf-8</span> <span class="c"># language: ja</span> <span class="kd">機能</span><span class="p">:</span> 1.画面表示確認 <span class="kn">シナリオ</span><span class="p">:</span> 1.トップページ確認 <span class="nf">前提</span> 対象ページを表示する <span class="nf">ならば</span> 'ようこそ関西Ruby会議05'が表示されていること </code></pre></div> </div> <ul> <li>これがテストコードです</li> <li>日本語で書けます</li> <li>プログラミングが出来なくても書けるかも？</li> <li><a href="http://blog.eiel.info/blog/2013/02/12/gherkin/" rel="nofollow noopener" target="_blank">Cucumber のフィーチャの文法 - Gherkin</a></li> </ul> <h3> <span id="テスト管理ツールをexcelからwebdbへ" class="fragment"/>テスト管理ツールをExcelからWebDBへ</h3> <ul> <li>Rtestdeck近日公開</li> </ul> </div><div class="container-fluid p-0"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3219747971601011" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3219747971601011" data-ad-slot="3872614099" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="source-div row mt-4 pt-2"> <div class=""> <div class="alert alert-light col-12 " role="alert" style="background-color:#f2f2f2;"> <h5 class="text-dark">Author And Source</h5> この問題について(TDDの導入とエンドツーエンドテスト自動化の実践まとめ), 我々は、より多くの情報をここで見つけました<a href="https://qiita.com/tagty/items/8e9493d1cb7781b08f2f" rel="noreferrer noopener nofollow" class=" h4 text-warning"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16"> <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path> <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"></path> </svg> https://qiita.com/tagty/items/8e9493d1cb7781b08f2f </a> <hr> <p class="m-0 p-0 small " style="font-size: 12px;line-height: 1.8;"> 著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。</p> <p class="mt-0 m-0" style="line-height: 1.8;"> <small class="" style="font-size: 12px;"> Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .</small> </p> </div> </div> </div> </div> <div class="row mb-4 pt-4 pb-4"></div> </article> </div>  </div>  </div>  </div>   <div class="col-12 col-xxl-3 col-xl-3 "> <div class="card sticky-top" style="top: 20px;"> <div class="row"> <aside class="col-md-12 col-xxl-12 d-none d-md-block pt-0"> <div class="sticky"> <div class="container-fluid p-0 m-0 bg-light-off "> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3219747971601011" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-3219747971601011" data-ad-slot="1251860546"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </aside> </div> <div class="card-body"> <div class="row "> <aside class="col-md-12 col-xxl-12 d-none d-md-block pt-3"> <div class="sticky">               </div> </aside> </div> </div>  </div>  </div>   </div> </div> <footer class="bg-light p-3 mt-5"> <div class="container"> <div class="row gutter-3"> <div class="col-12 col-md-12 text-white text-center text-lowercase"> <p class="mb-0 text-black-50 small text-lowercase">©2022 jpdebug.com. All Rights Reserved. | <a href="/privacy" target="_blank" class="text-dark" rel="nofollow">Privacy Policy</a> | <a href="/contact_us" target="_blank" class="text-dark" rel="nofollow">Contact US</a> | <a href="/sitemap.xml" target="_blank" class="text-dark" rel="nofollow">Sitemap</a></p> </div> </div> </div> </footer>   <div class="nk-cookie-banner alert alert-secondary text-center mb-0 small" role="alert" style="background: rgba(255, 255, 255, .6);border-color:#f2f2f2;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(20px);"> 🍪このウェブサイトは、あなたが我々のウェブサイトで最高の経験を得ることを確実とするために、クッキーを使います。 <a href="/privacy" target="blank" rel="nofollow">プライバシー条項の表示</a> <button type="button" class="btn btn-primary btn-sm ml-3 shadow-none" onclick="window.nk_hideCookieBanner()"> 同意します </button> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script> <script src="/static/all_theme_package/quick-website.min.js"></script> <script src="/static/all_theme_package/cookie-banner.js"></script><script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d95bbf01f0dd90da512ecedf1d9661bd"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script async src="//static.getclicky.com/101379076.js"></script>      <script src="/static/all_theme_package/auto-enable-prism.js"></script> <script src="/static/all_theme_package/prism.min.js"></script></body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="9103ac3485150077afbdc93d-|49" defer></script>

TDDの導入とエンドツーエンドテスト自動化の実践まとめ