Protractor with TypeScript
Protractor version 4.0.0 is out and you can now write Protractor tests with TypeScript! Hooray! If you are unfamiliar with TypeScript there are probably a lot of questions like: What’s TypeScript? How should we setup the project? Can I mix and match JavaScript with TypeScript in Protractor? So let’s get started… What’s TypeScript?Typescript is a typed superset of JavaScript that compiles to plain
始ã‚ã‚‹PR駆動E2Eテスト生活 | ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°
é«ä¼¸ã°ã—ã¦ã¿ã¾ã—ãŸã€‚@kyo_agoã§ã™ã€‚ã“ã®è¨˜äº‹ã¯E2EテストAdventCalendar -3日目ã§ã™ã€‚ ã•ã¦ã€ã¿ãªã•ã¾å‰å›žã®è¨˜äº‹ã§E2Eテスト入門ã§ããŸã§ã—ょã†ã‹ï¼Ÿ ã“ã®è¨˜äº‹ã¯å‰å›žã®çŠ¶æ…‹ã‚’è¸ã¾ãˆã¦èª¬æ˜Žã—ã¦ã„ã‚‹ãŸã‚ã€æœªèªã®æ–¹ã¯æ˜¯éžä¸€åº¦ã”覧ã®ä¸Šä»¥ä¸‹ã®å†…容をãŠè©¦ã—ã«ãªã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã„ãŸã—ã¾ã™ã€‚ å‰å›žã®è¨˜äº‹ã§ã¯ä»¥ä¸‹ã®çŠ¶æ…‹ã«ãªã‚‹ã“ã¨ãŒç›®çš„ã§ã—ãŸã€‚ ブラウザ上ã§E2EテストãŒèµ°ã‚‹ã“ã¨PR毎ã«ãƒ†ã‚¹ãƒˆãŒèµ°ã‚‹ã“ã¨ãƒžãƒ¼ã‚¸å‰ã«ãƒ†ã‚¹ãƒˆãŒæˆåŠŸã—ãŸã‹ã©ã†ã‹ãŒã‚ã‹ã‚‹ã“ã¨ãŸã ã€ã“ã‚Œã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ PRã®å†…容ã§ãƒ†ã‚¹ãƒˆãŒæˆåŠŸã™ã‚‹ã‹ã‚ã‹ã‚‰ãªã„（テスト対象ãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã®URLã«ãªã‚‹ãŸã‚）ã“ã®è¨˜äº‹ã§ã¯ã“ã®ç‚¹ã«é–¢ã—ã¦è§£æ±ºã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 以下ã®æ§˜ãªæ‰‹é †ã§é€²ã‚ã¾ã™ã€‚ travis上ã§httpdã‚’ç«‹ã¡ä¸Šã’ã‚‹tunnel-identifierを指定ã™ã‚‹ãƒ†ã‚¹ãƒˆç”¨ã®htmlã‚’è¨ç½®ã™ã‚‹ãƒ†ã‚¹ãƒˆã®å¯¾è±¡ã‚’変更ã™ã‚‹
TravisCIã€SauceLabsã€Protractorã§å§‹ã‚ã‚‹ç°¡å˜E2Eテスト入門 | ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°
自転車通勤始ã‚ã¾ã—ãŸã€‚@kyo_agoã§ã™ã€‚ã“ã®è¨˜äº‹ã¯E2EテストAdventCalendar -26日目ã§ã™ã€‚ 今日ã¯Github上ã§TravisCIã€SauceLabsã€Protractorを使ã£ã¦ç°¡å˜ã«å§‹ã‚られる継続的E2Eテストã®æ–¹æ³•ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ゴールã¯Githubã«PRã™ã‚‹æ¯Žã«TravisCIãŒProtractorを使ã£ã¦SauceLabs上ã§æ¤œè¨¼ã—ãŸçµæžœã‚’æ•™ãˆã¦ãれるã¨ã“ã‚ã§ã™ã€‚ ç™»å ´ã™ã‚‹ãƒ¦ãƒ¼ã‚¶å（kyo-ago）ã€ãƒªãƒã‚¸ãƒˆãƒªå（Protractor-SauceLabs-TravisCI-sample）ã¯å®Ÿéš›ã®ã‚‚ã®ã«ç½®ãæ›ãˆã¦èªã‚“ã§ãã ã•ã„。 SauceLabsã®ç™»éŒ²ã¾ãšæœ€åˆã«SauceLabsã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’作æˆã—ã¾ã™ã€‚ ã“ã®æ™‚点ã§ã¯Githubã®ãƒªãƒã‚¸ãƒˆãƒªã‚‚何らã‹ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚‚å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 「Getting Startedã€ã‚’押ã—ã¦ãã ã•ã„。 ダイアãƒã‚°ãŒ
AngularJS用テストフレームワーク「Protractorã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«æ—¥æœ¬èªžè¨³ - Qiita
Protractorã¨ã¯ã€AngularJSアプリケーションã®ãŸã‚ã®ã‚¨ãƒ³ãƒ‰ãƒ»ãƒˆã‚¥ãƒ¼ãƒ»ã‚¨ãƒ³ãƒ‰ï¼ˆE2E）テスト・フレームワークã§ã™ã€‚ã“ã‚Œã¯Protractor Tutorialã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã“ã‚Œã¯ã‚·ãƒ³ãƒ—ルãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚内容ã¯ã€Protractorをセットアップã—ã€ãƒ†ã‚¹ãƒˆã‚’走らã›å§‹ã‚る方法ã§ã™ã€‚（訳注：protractorã¯åˆ†åº¦å™¨ã®ã“ã¨ã§ã™ï¼‰ 訳注：本ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã‚µãƒ³ãƒ—ル・リãƒã‚¸ãƒˆãƒªã‚’作りã¾ã—ãŸã€‚å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ 準備 Protractorã¯Node.jsã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã™ã€‚å‹•ã‹ã™ã«ã¯ã€Node.jsをインストールã—ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。Protractorã¯Node.jsã«ã¤ã„ã¦ãã‚‹npmを使ã£ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚node --versionã¨æ‰“ã£ã¦ã€Node.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ä¸‹ã•ã„。v0.10.0以é™ã§ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。
Protractorã®å°ãƒã‚¿ - Qiita
AngularJSリファレンスã®è½ã¡ç©‚拾ã„ãã®3ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯Protractorã®å°ãƒã‚¿ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 手å‰å‘³å™Œã§ã™ãŒã€Protractorã®èª¬æ˜Žã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã‚’ã”らんãã ã•ã„。 Protractor: AngularJSã®æ¬¡ä¸–代E2Eテストフレームワーク AngularJSã®å‡¦ç†ã®å®Œäº†ã‚’å¾…ãŸãªã„ Protractorã«ã¯ã€browser.waitForAngularã¨ã„ã†APIãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®APIを呼ã³å‡ºã™ã¨ã€AngularJSã®æ画処ç†ã‚„ã€$httpã«ã‚ˆã‚‹é€šä¿¡å‡¦ç†ã€$timeoutã«ã‚ˆã‚‹ã‚¿ã‚¤ãƒ アウト待ã¡å‡¦ç†ãªã©ãŒå®Œäº†ã™ã‚‹ã¾ã§å¾…ã¤ã“ã¨ãŒã§ãã¾ã™ã€‚ Protractorã¯ã€è¦æ‰€è¦æ‰€ã§å†…部的ã«ã“ã®browser.waitForAngularを呼ã³å‡ºã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šãƒ†ã‚¹ãƒˆã‚’書ã人ã¯ã€AngularJSã®å‡¦ç†ãŒå®Œäº†ã™ã‚‹ã¾ã§å¾…ã¤ã¨ã„ã†å‡¦ç†ã‚’書ãå¿…è¦ãŒãªããªã‚‹
AngularJSã®ãƒ†ã‚¹ãƒˆ(Unit Test/end-to-end test)ã£ã¦ä½•ãŒè‰¯ã„ã®ï¼Ÿ - Qiita
AngularJSを利用ã—ãŸã®ãªã‚‰ã€çµ¶å¯¾ã«Karmaã¨ã‹ Protractorを活用ã™ã¹ãã§ã™ã€‚ã¡ã‚…ã†ã‹ã€æ´»ç”¨ã—ãªã•ã„。ã¨è¨€ã„ãŸã„ã§ã™ã€‚システムをä¿å®ˆãƒ•ã‚§ãƒ¼ã‚ºã«å®‰å®šçš„ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã™ã‚‹ãªã‚‰ãã†è€ƒãˆã‚‹ã®ãŒãµã¤ã†ã«ãªã‚‹ã¹ã。 （※Protractorã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ãŒã¨ã¦ã‚‚å‚考ã«ãªã‚Šã¾ã™ï¼‰ 例ã«ã‚ˆã£ã¦ã€ŒMastering web application development with AngularJSã€ã‚’èªã‚“ã§æ›¸ã‹ã‚Œã¦ã„ãŸãƒã‚¤ãƒ³ãƒˆã‚’èªã‚“ã 感想をã“ã¡ã‚‰ã«ã¾ã¨ã‚ã¦ã¾ã™ãŒã€ 2ç« ã®ãƒ†ã‚¹ãƒˆè§£èª¬éƒ¨åˆ†ã«ä¸‹è¨˜ã®æ–‡ç« ãŒã‚ã‚Šã¾ã™ã€‚ There is a quote saying that writing code without a Version Control system (VCS) is like skydiving without a parachute. Today one would
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Not Angularãªç’°å¢ƒã§Protractorを使ã£ã¦ES2015(ES6), ES7ãªE2Eテストコードを書ã„ã¦ã¿ãŸ - Qiita
GitHub - axemclion/protractor-perf: E2E test framework to check for performance regressions in Angular apps
Protractor: AngularJSã®æ¬¡ä¸–代E2Eテストフレームワーク - Qiita
{{#tags}}- {{label}}
{{/tags}}