Storybookのargs拡張
code:tsx
type PagePropsAndCustomArgs = React.ComponentProps<
typeof MyComponent
& {
onSubmit: Mock
}
export default {
args: {
... // componentのprops
onSubmit: fn(),
},
...
} satisfies Meta<PagePropsAndCustomArgs>
てな感じで書くと、onSubmitをargsで指定して使えるようになる。
formをラップしてonSubmitは違うコンポーネントでやりたいけど、onSubmitをspyして適切なデータが送られてるかをテストで確認したかったので適当に調べてたら公式のドキュメントのどこかに乗ってた。