BackstopJSを使ã£ã¦ã€CSSをテストをã™ã‚‹ - Qiitaã“ã†ã„ã†ã¨ãã«ä¾¿åˆ© 軽微ã ã‘ã‚Œã©ã‚‚影響範囲ãŒåºƒã„ä¿®æ£ã®ç¢ºèªï¼ˆã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ¬ãƒ™ãƒ«ã®ä¿®æ£ãŒã©ã“ã¾ã§å½±éŸ¿ã™ã‚‹ã‹â€¦ã¨ã„ã†ã‚ˆã†ãªï¼‰ リファクタリングを実施ã—ãŸå ´åˆã«ã€ä¿®æ£å‰å¾Œã§è¡¨ç¤ºã«å·®ç•°ãŒãªã„ã‹ã®ç¢ºèª æ—¢å˜ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®å–å¾— BackstopJSã¨ã¯ ä¿®æ£å‰å¾Œã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’比較ã—ã¦ã€å·®åˆ†ã‚’検出ã™ã‚‹ãƒ„ール 使ã„æ–¹ 1. ã‚°ãƒãƒ¼ãƒãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ï¼ˆhomeディレクトリ推奨） $npm install -g backstopjs 2. backstopJSã‚’åˆæœŸåŒ–ã™ã‚‹ BackstopJSãŒè¨å®šã•ã‚Œã¦ã„ãªã„å ´åˆã¯ã€ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆbackstop.json）を生æˆå‡ºæ¥ã‚‹ã€‚ æ—¢ã«è¨å®šã•ã‚Œã¦ã„ã‚‹å ´åˆã¯ã€ä¸Šæ›¸ãã•ã‚Œã‚‹ã®ã§æ³¨æ„ã™ã‚‹ã“ã¨ã€‚ $cd toYourProject $backstop init 3. backstop.json ã«ã€ãƒ†ã‚¹ãƒˆã‚’è¨å®šã™ã‚‹ å¿…
{{#tags}}- {{label}}
{{/tags}}