$30 off During Our Annual Pro Sale. View Details »

CucumberによるHTML5アプリの 受け入れテスト自動化

shida
April 28, 2013

CucumberによるHTML5アプリの 受け入れテスト自動化

JS-App「破綻しないWebアプリ開発のためのツール勉強会」でのLT資料です。

shida

April 28, 2013
Tweet

More Decks by shida

Other Decks in Education

Transcript

  1. CucumberʹΑΔHTML5ΞϓϦͷ
    ड͚ೖΕςετࣗಈԽ
    JS-Appʮഁ୼͠ͳ͍WebΞϓϦ։ൃͷͨΊͷ
    πʔϧษڧձʯ
    2013.04.28 ࢤా ༟थ
    13೥4݄29೔݄༵೔

    View Slide

  2. ࣗݾ঺հ
    • ࢤా ༟थ (Twitter: @shida, Facebook: shida1977)
    • 2012೥8݄ಠཱ (ג)ϏʔɾΞδϟΠϧ ୅ද
    • ࣗ୐ΦϑΟεɺΞϧόΠτ1໊ɺௗऔͷύʔτφʔ1໊ɺόϦͷύʔτ
    φʔ1໊ɻ
    • ελʔτΞοϓΛ੒ޭ͍ͤͨ͞ɻͦͷ͓ख఻͍Λओʹ΍ͬͯ·͢ɻ
    • ΞδϟΠϧɺϦʔϯɾελʔτΞοϓΛ࢖ͬͯɻ
    • ২ా͞Μͱ಺ా͞ΜͱTDDͷษڧձΛִिͰ΍͓ͬͯͯ༠͍Λɻ
    • ͦͷੲJavaScriptͰ͍͔ͭ͘دߘ͍͍ͤͯͨͩͯ͞·ͨ͠
    • 2007೥ @IT࿈ࡌશ8ճ ʮύλʔϯͱϥΠϒϥϦͰ࡞ΔAjax͓͍͍͠
    Ϩγϐʯ
    • 2008೥ ThinkIT࿈ࡌશ4ճʮWAI-ARIAʹΑΔΞΫηγϒϧRIAʯ
    • 2009೥ @IT࿈ࡌશ2ճʮجૅ͔Β෼͔ΔɺmixiΞϓϦ࡞੒ೖ໳ʯ
    13೥4݄29೔݄༵೔

    View Slide

  3. Cucumber͕ࢲͨͪʹ΋ͨΒ͢΋ͷ
    • ճؼςετΛࣗಈԽͯ͘͠ΕΔ
    • σάϨΛڪΕͳͯ͘͢Ή
    • ίʔυʹखΛೖΕΔͷ͕ා͘ͳ͘ͳΔ
    • ϦϑΝΫλϦϯάͨ͠Γͯ͠ɺίʔυΛΫϦʔϯʹอͯΔ
    • ੵۃతʹࡉ͔͍όάमਖ਼΍࢓༷มߋʹԠ͑ΒΕΔ
    • ϏδωεՁ஋Λ௥ٻͰ͖Δ
    • ίʔυΛݟͳͯ͘΋࢓༷͕෼͔Δ
    • υΩϡϝϯτΛॻ͘खؒΛܰݮͰ͖Δ
    • ίʔσΟϯάͷྲྀΕʹύλʔϯ͕Ͱ͖ͯϦζϜ͕Ͱ͖Δ(BDD)
    13೥4݄29೔݄༵೔

    View Slide

  4. ίʔσΟϯά޻਺2ഒ͘Β͍ʹͳͬͪΌ͏?
    • ͔ͨ͠ʹ׳Εͳ͍͏ͪ͸ͦ͏͔΋
    • Ͱ΋ɺ࿅श͍͚ͯ͠͹ઈରʹૣ͘ͳΔ
    • աڈʹॻ͍ͨςετ༻ϝιουͷ࠶ར༻ͰָʹͳΔ
    • ͍ΖΜͳ޻਺ΛؚΊͯൺֱ͠ͳ͍ͱ
    • υΩϡϝϯτॻ͘޻਺
    • ςετ޻਺(ճؼςετؚΉ)
    • த్ࢀՃ΍Ҿ͖ܧ͗ͷڭҭ޻਺
    • ड͚ೖΕςετ޻਺
    13೥4݄29೔݄༵೔

    View Slide

  5. RubyͰ͠ΐ? RailsͰ͠ΐ?
    • ͍ΖΜͳݴޠͰಈ͘Έ͍ͨͰ͢ɻ(abcॱʣ
    • Erlang
    • Java
    • Perl
    • PHP
    • Python
    • Ruby
    • .NET
    13೥4݄29೔݄༵೔

    View Slide

  6. αϯϓϧ
    • https://github.com/shida/jsapp1_what_is_cucumber.git
    • Gherkin
    • → εςοϓఆٛ(CapybaraͰ)
    • → Selenium
    • → Poltergeist
    • → ΋ͬͱ͍Ζ͍Ζ
    13೥4݄29೔݄༵೔

    View Slide

  7. • ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    13೥4݄29೔݄༵೔

    View Slide