{"provider_url":"https://hatena.blog","title":"Storybook Play function\u304b\u3089Playwright\u3078\u79fb\u884c\u3057\u3066\u5f97\u305f\u300c\u6b63\u3057\u3055\u300d\u3068\u300c\u66f8\u304d\u3084\u3059\u3055\u300d","version":"1.0","author_url":"https://blog.hatena.ne.jp/a_miyanaga/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.itandi.co.jp%2Fentry%2F2026%2F05%2F08%2F105149\" title=\"Storybook Play function\u304b\u3089Playwright\u3078\u79fb\u884c\u3057\u3066\u5f97\u305f\u300c\u6b63\u3057\u3055\u300d\u3068\u300c\u66f8\u304d\u3084\u3059\u3055\u300d - ITANDI Engineer Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","published":"2026-05-08 10:51:49","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/a/a_miyanaga/20260508/20260508133848.png","blog_title":"ITANDI Engineer Blog","url":"https://tech.itandi.co.jp/entry/2026/05/08/105149","height":"190","type":"rich","description":"\u306f\u3058\u3081\u306b \u3053\u3093\u306b\u3061\u306f\uff01Frontend\u30c1\u30fc\u30e0\u306e\u8584\u7fbd\u3067\u3059\u3002 \u30a4\u30bf\u30f3\u30b8\u306e\u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u306fReact\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u306a\u3063\u3066\u304a\u308a\u3001Storybook\u3067\u7ba1\u7406\u3055\u308c\u3066\u3044\u307e\u3059\u30021\u5e74\u524d\u306e\u8a18\u4e8b\u3067Play function\u3067\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u30c6\u30b9\u30c8\u3092\u884c\u3063\u3066\u3044\u308b\u3068\u7d39\u4ecb\u3057\u307e\u3057\u305f\u304c\u3001\u73fe\u5728\u306fPlaywright\u3092\u4f7f\u3063\u3066\u30c6\u30b9\u30c8\u3092\u884c\u3063\u3066\u3044\u307e\u3059\uff08\u5b9f\u306f1\u5e74\u524d\u304b\u3089\u79fb\u884c\u4e2d\u3067\u3057\u305f\uff09\uff01 Play function\u306e\u554f\u984c\u70b9 <DropZone>\uff08\u30d5\u30a1\u30a4\u30eb\u3092\u30c9\u30e9\u30c3\u30b0&\u30c9\u30ed\u30c3\u30d7\u3067\u304d\u308b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\uff09\u306e\u30c6\u30b9\u30c8\u3067 storybook/test \u306e userEvent.upload() \u3092\u4f7f\u7528\u3057\u305f\u5f8c\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u90e8\u306e input.files \u304c\u66f8\u2026","width":"100%","provider_name":"Hatena Blog","categories":["Frontend\u30c1\u30fc\u30e0"],"blog_url":"https://tech.itandi.co.jp/","author_name":"a_miyanaga"}