Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScriptのE2Eフレームワークを触ってみる

riririusei99
January 24, 2018

 JavaScriptのE2Eフレームワークを触ってみる

E2Eフレームワークを触って、特徴を紹介する

riririusei99

January 24, 2018
Tweet

More Decks by riririusei99

Other Decks in Programming

Transcript

  1. Protractor 名 家 ⽣ ま れ の E 2 E

    フ レ ー ム ワ ー ク
  2. Protractor URL: http://www.protractortest.org/#/ Github Star: 7242 (2018/1/22時点) 特徴: • Angular.js

    向けE2Eフレームワーク(それ以外も使える) • Selenium Webdriverが動く • 拡張性が⾼い – ドライバを切り替えてブラウザを切り替えられる – テストフレームワーク&アサーションライブラリなど
  3. TestCafe a s y n c / a w a

    i t を バ リ バ リ 使 い た い あ な た に
  4. TestCafe URL: https://devexpress.github.io/testcafe/ Github Star: 3883 (2018/1/22時点) 特徴: • Selenium

    を使わず動く • 設定ファイルなしで動く • 導⼊が簡単 • TypeScript, モダンなJS(async/await)を使って書ける
  5. Nightmare URL: https://github.com/segmentio/nightmare Github Star: 14640 (2018/1/22時点) 特徴: • 名前がカッコイイ

    • Electronベースで動く • Seleniumを使わずに動く • ブラウザ⾃動ツール向け • 名前がカッコイイ(2回⽬)
  6. Cypress URL: https://www.cypress.io/ Github Star: 3459(2018/1/22時点) 特徴: • 導⼊が⾮常に簡単 •

    CLIでも動く • レポーティングにテンションが上がる • 修正を検知して⾃動でテストが⾛る • 今のところChromeで動く
  7. cinnamonjs 違 い を ⾒ せ た い ⼈ 、

    独 ⾃ 路 線 を 好 む ⼈
  8. cinnamonjs URL: https://github.com/ralphv/cinnamonjs Github Star: 1(2018/1/22時点) 特徴: • データ駆動型テスト(DDT)を意識したフレームワーク •

    独⾃のレポーティング機能を備えている • Json形式でテストを書く • Seleniumを使ってブラウザ操作する