storybook-chrome-screenshotã¨zisuiã¨Storycapã¨Photo by Filiberto Santillán from unsplash.com先日ã€Storycap ã¨ã„ã†CLIを公開ã—ã¾ã—ãŸã€‚ Storybookã®å„storyã‚’ã‚ャプãƒãƒ£ã—ã¦ç”»åƒåŒ–ã™ã‚‹ã ã‘ã®ãƒ„ールã§ã™ã€‚主ã¨ã—ã¦ã€reg-suit ã®ã‚ˆã†ãªãƒ„ールã¨çµ„ã¿åˆã‚ã›ã€ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’構築ã™ã‚‹ã“ã¨ã‚’目的ã¨ã—ã¦ã„ã¾ã™ã€‚ 使ã„æ–¹ã¯ã¨ã¦ã‚‚シンプルã§ã€CLIã®å¼•æ•°ã¨ã—ã¦Storybookã®URLを与ãˆã‚‹ã ã‘ã§ã™ã€‚ $ npx storycap https://storybookjs-next.now.sh/official-storybook 以下ã®ã‚ˆã†ã«ã€Storybook自体ã®èµ·å‹•ã‚³ãƒžãƒ³ãƒ‰ã‚’渡ã™ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ $ npx storycap --serverCmd "start-storybook --ci -p 9009" http://localhost:9009CLIã®ã‚ªãƒ—ã‚·
2è¡Œã§webpack.config.jsã§è£œå®Œã‚’効ã‹ã›ã‚‹æ–¹æ³• - Qiita
è…らãªã„UIテストã®ãŸã‚ã®Storybook + Storyshots / #react_kyoto v0.3.0
{{#tags}}- {{label}}
{{/tags}}