Portable stories for Playwright Component Tests
Storybook is the industry standard workshop for building, documenting, and testing UI components. It’s used by leading development teams at organizations like Shopify, Gov.UK, and NASA. One of the biggest benefits of developing in Storybook is that you get tests for free. Each isolated component example—or “storyâ€â€”is a UI test. And if you want to test data fetching and user interactions, Storybook
Storybook å˜ä½“ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ†ã‚¹ãƒˆã‚’実施ã™ã‚‹
Storybook ã® Component Story Format 3.0 ã§ã¯æ–°æ©Ÿèƒ½ã¨ã—㦠play() 関数ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ play() 関数㯠Storybook 上ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¯ãƒªãƒƒã‚¯ã‚„フォーム入力ã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãªæ“作を表ç¾ã§ãã¾ã™ã€‚ 以å‰ã¯ composeStories() 関数ã«ã‚ˆã‚Š Storybook 上ã§ä½œæˆã—ãŸã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ Jest ã§å†åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’書ã„ãŸã®ã§ã™ãŒã€ã©ã†ã‚„ら Storybook ã®ã¿ã§å®Œçµã—ã¦ãƒ†ã‚¹ãƒˆã‚’実行ã§ãるよã†ã§ã™ã®ã§ã“ã¡ã‚‰ã‚’試ã—ã¦ã¿ã¾ã™ã€‚ Vite プãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ ã¾ãšã¯ä»¥ä¸‹ã‚³ãƒžãƒ³ãƒ‰ã§ Vite プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã—ã¾ã™ã€‚ $ npm init vite@latest my-vue-app -- --template vue-ts $ cd my-vue-app $ npm install Storybook ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 続
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®"ã¡ã‚‡ã†ã©ã„ã„"自動テストã®ã¯ã˜ã‚ã‹ãŸ - Atrae Tech Blog
Wevoxã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„るタガミã§ã™ã€‚最近ã¯monorepo構æˆã«ç§»è¡Œä¸ã®Wevoxフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆã‚„デザインシステムãªã©ã‚’ã„ã„æ„Ÿã˜ã«ã—よã†ã¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Wevoxã¨ã„ã†SaaSプãƒãƒ€ã‚¯ãƒˆã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã‘る自動テストã®è©±ã‚’ã—ã¾ã™ã€‚Wevoxã¯ãƒªãƒªãƒ¼ã‚¹ã‹ã‚‰5年以上ãŒçµŒéŽã—ã€ãƒãƒ¼ãƒ ã®ãƒ¡ãƒ³ãƒãƒ¼ã‚‚増ãˆã€ã¾ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚巨大化ã—ã¦ã„ã¾ã™ã€‚ãã‚“ãªä¸ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚"å¼å¹´é·å®®"ã‚’ã—ã¦ã€æ”¹å–„ã‚’ç¹°ã‚Šè¿”ã—ã¦ã„ã¾ã™ã€‚ä¸ã«ã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ガラッã¨å¤‰ãˆã‚‹ã‚ˆã†ãªãƒªãƒ•ã‚¡ã‚¯ã‚¿ã‚‚ã‚ã‚Šã€æ‹…当ã™ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ã¯ãƒ‡ã‚°ãƒ¬ã®å¿ƒé…ãŒä»˜ãçºã„ã¾ã™ã€‚ãã‚“ãªæ—¥ã€…変化ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’支ãˆã‚‹ã®ãŒè‡ªå‹•ãƒ†ã‚¹ãƒˆã§ã™ã€‚ Wevoxã®é–‹ç™ºãƒãƒ¼ãƒ ã¯æ±ºã—ã¦å¤§äººæ•°ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ãã‚“ãªãƒãƒ¼ãƒ ã§ã‚‚å“質ã®æ”¹å–„ã®ãŸã‚ã«ä¸€æ©ãšã¤æ”¹å–„ã—ã¤ã¤ã‚る経験をもã¨ã«ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è‡ªå‹•ãƒ†ã‚¹ãƒˆãƒã‚¤ãƒ³ãƒˆã‚’ã„ãã¤ã‹ãŠä¼ãˆã—
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}