あなたはフロントエンドの何をテストしたいのか。 - Qiita

フロントエンドのテストをしよう Webのフロントエンドの自動化を進めようか。という話をしていて、 「そもそもテストってなんだ？」 「フロントエンドに特有のテストってなんだ？」 「〇〇ってツール流行ってるらしいってどうよ？」 みたいなことを話をしていました。そうしたときに、やっぱり知識足らねぇなぁ。と思ったので、2,3日でゴリゴリと内容をまとめてみる作業をしてみました。 あんまりこういう書き方はしないんですが、私自身散発的な思考で、フロントエンドのテストを調べることをしたので、そのような語り口で書いてみようと思います。 以下の内容は、あくまで例なので、別にこういう仕事があったわけではないです。 とりあえず投げられた要求・仕様 とりあえずなんか仕事が振ってきた。パラパラと要求を聞いてみると、こんな感じだった。 承認のダイアログが欲しい メッセージのフォントはOswald メッセージは変更できる

[sh19910711]

"テストの難易度や運用コストのトレードオフがある / 学習コストのかかるスタック + 実運用まで時間がかかりすぎるため、本当にやるべきか？という疑問 / フロントエンド特有の難しさ" 2023

[n314]

CSSいじったら別の箇所で表示崩れてないかどうか。

[yaboot]

いい感じかどうか

[mag4n]

こんな単機能なやつに膨大なテストコード。これ保守運用できんのか？っていう。何をテストコードでやるかっていう視点は保守運用との付き合い方まで考えないといけない。

[manaten]

よくまとまってるけど、文中のReactHookが何を指すのか分からなかった…　hookに自分の知らない用法がある？

[shikiarai]

要求仕様から1pixel分ズレてるとか

[gyampy]

画面キャプチャとかも撮れるんやな

[hokkey]

Jestで書ける範囲ですら、大きめのカスタムフックやでかいコンポーネントのテストはかなり書きにくくなるのがしんどい