詩と創作・思索のひろばReactを書いていてStorybookは便利だけどargsを作るのは面倒。Reactコンポーネントのpropsの構成や型が変わるたびにこれらを更新していくのがいかにも骨が折れそうだ。それにせっかくStorybookを使うなら、propsに渡すのは人工的なものではなく実地のもの、せめてアプリケーションが作ったものであってほしい。うまくコンポーネントの設計ができてれば問題はないのだけど、現実にありえないpropsを与えることができることはままあるから……。 そういうわけでPlaywrightを使ったE2EテストからReactコンポーネントのpropsを生成する方法を探る。 キレイなやり方を狙うなら React Devtools も利用する __REACT_DEVTOOLS_GLOBAL_HOOK__ を使いたいものだけど、これはまだそんなに使いやすいわけではない（将来に期待）。なので今回は汚
