karmaを使ã£ãŸSPAå‘ã‘E2Eテスト技法フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã® リソース管ç†ã®è©± TechFeed Summit#1 #techfeed #techfeedsummit
karma middlewareã§local proxyã‚’ç«‹ã¦ã¦ãƒ†ã‚¹ãƒˆã‹ã‚‰ã‚µãƒ¼ãƒã¨é€šä¿¡ã™ã‚‹æ–¹æ³• | ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã¯GithubãŒè½ã¡ã¦ã„る時間ã§æ›¸ã‹ã‚Œã¾ã—ãŸã€‚@kyo_agoã§ã™ã€‚ 今日ã¯karma middlewareã§local proxyã‚’ç«‹ã¦ã¦ãƒ†ã‚¹ãƒˆã‹ã‚‰ã‚µãƒ¼ãƒã¨é€šä¿¡ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ karma middlewareã¨ã¯karma middlewareã¨ã¯expressã®middlewareã¨åŒã˜ã‚ˆã†ãªã‚‚ã®ã§ã€karmaãŒã‚µãƒ¼ãƒã¨ã—ã¦å‹•ä½œã—ã¦ã„る時ã«å—ã‘å–ã£ãŸé€šä¿¡ã«å¯¾ã—ã¦ä½•ã‹ã—らã®å‡¦ç†ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ 実際karma自身ã®ã„ãã¤ã‹ã®æ©Ÿèƒ½ã‚‚middlewareã¨ã—ã¦æä¾›ã•ã‚Œã¦ãŠã‚Šã€è¨å®šã®proxiesã‚„filesも実態ã¯middlewareã«ãªã£ã¦ã„ã¾ã™ã€‚ karma middlewareã®æ›¸ã方公å¼ãƒ‰ã‚ュメントã¾ã‚“ã¾ã§ã™ãŒã€karma.conf.jsã«ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã‚’è¡Œã†ã“ã¨ã§å®šç¾©ã§ãã¾ã™ã€‚ （実際ã®å‡¦ç†ã¯pluginã¨ã—ã¦å®šç¾©ã™ã‚‹ï¼‰ middleware
Karma for JavaScript test runner
今ã¾ã§ã¯ãªã‚“ã¨ãªãtestemを使ã£ã¦ã„ãŸã®ã§ã™ãŒã€Karmaを検討ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ サンプルã®è¨å®šãªã©ã¯â†“ã§è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ https://github.com/koba04/backbone-boilerplate testem to karma ã“ã‚Œã¾ã§ã¯æ¥å‹™ã§ã‚‚testemを使ã£ã¦ã„ã¦ã€ãƒ†ã‚¹ãƒˆã®æ•°ãŒå°‘ãªã„ã†ã¡(1000以下)ã¯å•é¡Œãªã‹ã£ãŸã®ã§ã™ãŒã€ 段々テストãŒå¢—ãˆã¦ãã‚‹ã¨CPU100%ã«ãªã£ã¦ãƒ†ã‚¹ãƒˆãŒèµ°ã‚‹ãƒ–ラウザãŒå›ºã¾ã‚‹ã“ã¨ãŒå¢—ãˆã¦ãã¦è¾›ã„æ„Ÿã˜ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ãã‚“ãªã¨ãã«ä¸‹è¨˜ã®è¨˜äº‹ã‚’見ã¦åŒã˜ã‚ˆã†ãªç¾è±¡ã ãªã¨æ€ã„Karmaを試ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ http://developer.cybozu.co.jp/tech/?p=7089 Installation インストールã¯npm install karmaã™ã‚‹ã ã‘ã§ã™ã€‚ globalã§karmaã®ã‚³
Karma ユニットテストをWebStormã§ãƒ‡ãƒãƒƒã‚°ã™ã‚‹ - Kazzzã®æ—¥è¨˜
E2EテストをWebStormã‹ã‚‰å®Ÿè¡Œã§ãるよã†ã«ãªã£ãŸã®ã§ã€æœ€å¾Œã®ä»•ä¸Šã’ã¨ã—ã¦åŒkarmaを使ã£ãŸãƒ†ã‚¹ãƒˆã‚’WebStormã‹ã‚‰ãƒ‡ãƒãƒƒã‚°ã—ã¦ã¿ã‚‹ã€‚ ãŒã€ã“ã‚ŒãŒã¾ãŸä¸ã€…分ã‹ã‚‰ãªã‹ã£ãŸã€‚ karmaã®webサーãƒã¯ãƒãƒ¼ãƒˆ9876ã§èµ·å‹•ã•ã‚Œã‚‹ã®ã§ã€ãƒ‡ãƒãƒƒã‚¬ã¯ãã®ãƒãƒ¼ãƒˆã«ã‚¢ã‚¿ãƒƒãƒã™ã‚‹ã‚ˆã†ãªå®Ÿè¡Œè¨å®šã‚’用æ„ã™ã‚Œã°è‰¯ã„ã®ã¯åˆ†ã‹ã‚‹ã®ã ãŒã€ã‚¹ã‚¯ãƒªãƒ—トã®ãƒ†ã‚¹ãƒˆã‚’è¡Œã†ãŸã‚ã®ã‚¹ã‚¿ãƒ–用ã®HTMLãŒç„¡ã„ã®ã«ã©ã†ã‚„ã£ã¦(ã©ã®URLを指定ã—ã¦)èµ·å‹•ã™ã‚‹ã®ã‹? ç”ãˆã¯ã€ã“ã®å‹•ç”»ã«ã‚ã£ãŸ (12:18辺りã‹ã‚‰) Testacular (now Karma) - JavaScript Test Runner - YouTube デãƒãƒƒã‚°ã®å®Ÿè¡Œè¨å®šã§æ³¨æ„ã™ã‚‹ç‚¹ã¯ä»¥ä¸‹ã€‚ WebStormデãƒãƒƒã‚¬ãŒé–‹ãéš›ã®URLã¯(デフォルトã®ãƒãƒ¼ãƒˆãªã‚‰ã°) http://localhost:9876/debug.html プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒªã‚½ãƒ¼ã‚¹ãƒ«
Knockout.jsã¨Karmaã§ç°¡å˜TDD開発 - 418 | I'm a teapot
ã“ã®å‰ã®é–¢ã‚¸ãƒ£ãƒã®æ‡‡è¦ªä¼šã§ @hakurai ã•ã‚“ã«è‰¯ã•ã‚’æ•™ãˆã¦ã‚‚らã£ã¦ã‹ã‚‰ã€Knockout.jsを始ã‚ã¦ã¿ã¾ã—ãŸã€‚ Knockout.jsを使ã†ã“ã¨ã«ã—ãŸç†ç”±ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ ・プãƒã‚¸ã‚§ã‚¯ãƒˆã®é€”ä¸ã‹ã‚‰ä½¿ã£ã¦ã‚‚比較的簡å˜ã«å°Žå…¥ã§ãã‚‹ →Knockout.jsã¯AngularJSãªã©ã¨æ¯”ã¹ã¦Routerãªã©ã®æ©Ÿèƒ½ãŒãªãéžå¸¸ã«ã‚·ãƒ³ãƒ—ル ・ã‚ã‹ã‚Šã‚„ã™ã„ →ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã“ã¨ã«æ©Ÿèƒ½ãŒçµžã‚‰ã‚Œã¦ã„ã‚‹ã®ã§å¦ç¿’コストã¯å°‘ãªã„ã¨æ€ã† ・テストコードãŒæ›¸ãã‚„ã™ã„ →ã“ã‚Œã¯Knockout.jsã«é™ã£ãŸã“ã¨ã§ã¯ãªã„ã‘ã©ã€ViewModelã‚’JSファイルã«åˆ†é›¢ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šãƒ†ã‚¹ãƒˆãŒæ›¸ãã‚„ã™ããªã‚‹ã¨æ€ã† ã‚“ã§ã€JSã®ãƒ†ã‚¹ãƒˆã™ã‚‹ã®ã«è‰²ã€…調ã¹ã¦ãŸã‚‰Karma使ã†ã¨è‰²ã€…便利ã£ã½ã‹ã£ãŸã®ã§è©¦ã—ã¦ã¿ã‚‹ã¨æ€ã£ãŸä»¥ä¸Šã«è‰¯ã‹ã£ãŸã®ã§ã€ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—方法を書ã„ã¦ã¿ã‚ˆã†ã¨æ€ã†ã€‚ セットアップã®æµã‚Œ 以下ã®ã‚ˆã†ãªæµã‚Œã§ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã—ãŸ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}