nekochans / lgtm-cat-ui

https://lgtmeow.com のUIComponentを管理する為のpackage
1 stars 0 forks source link

Form側で画像サイズのバリデーション処理を実装 #263

Closed keitakn closed 1 year ago

keitakn commented 1 year ago

issueURL

https://github.com/nekochans/lgtm-cat-ui/issues/258

Done の定義

スクリーンショット or Storybook の URL

Storybook上で再現するには実際に閾値(4MB)を超える画像をアップロードする

https://62729802bbcc7d004a663d4c-ftrjktmesb.chromatic.com/?path=/story/templates-uploadtemplate--view-in-japanese

日本語

ja

英語

en

変更点概要

UploadForm に画像サイズのバリデーションを追加して、画像サイズの閾値を超えた場合は特別なエラーメッセージを表示させるようにした。

これでバックエンドのAPIに対する巨大なpayload送信を少しは軽減する事が期待出来るハズ。

レビュアーに重点的にチェックして欲しい点

特になし

補足情報

エラー発生時の状態をStorybook上で確認出来るようにしたほうが良いかも。(ビジュアルリグレッションテストでデザイン崩れの確認しやすいので)