React globalThis.IS_REACT_ACT_ENVIRONMENTを設定してもエラーが解決しないとき エラー内容 actがテスト環境に設定されてないという、React18から発生する可能性があるエラーです。 Warning: The current testing environment is not configured to suppo... 2022.07.25 React
JavaScript 【Jest / React Testing Library】フォームのテストをすっきり書く フォームのテストって、項目数の多さや、複雑な仕様のために、テストケースが多くなってどんどん見にくくなることってありませんか🥲そんな時にちょっと役に立つ、フォームのテストをすっきり書く方法を紹介します。 テストするフォーム(React Hoo... 2022.07.16 JavaScriptReactフロントエンド
JavaScript 【Jest/Testing Library/ next/link】TypeError: Cannot read properties of null (reading ‘push’) Jest, React Testing Libraryを用いたテスト時に、next/link周りで出たエラーの対処法です。 エラー内容 TypeError: Cannot read properties of null (reading &... 2022.05.18 JavaScriptNext.jsReactTypeScriptフロントエンド
JavaScript 【Testing Library】userEvent v14の破壊的変更(BREAKING CHANGE) React Testing Library使用時、よくお世話になるuserEventですが、v14になって破壊的変更が入り、使用感が変わってました!個人的には「いいな!」と思える変更でした🙆♀️ userEventってなに? テスト上で、... 2022.05.01 JavaScriptフロントエンド
React 【GraphQL/Apollo/Jest/React】queryのresultのdataがundefinedになる GraphqlとReactのテストを書いているときに手こずったことを記録します。 問題 MockedProviderで定義しているはずのuseQuery(useLazyQuery)のresultのdataがundefinedになってしまう。... 2021.08.07 Reactフロントエンド
React 【Jest/GraphQL/React】Error: No more mocked responses for the query: mutation このエラーで何時間も消えていったため、確認事項を記録しておきます。 大体のエラー原因 モック化しているリクエスト、もしくはレスポンスの型や内容が異なっている。 具体的に確認すべきこと 使用するクエリのドキュメントを正しく設定できているかクエ... 2021.07.22 Reactフロントエンド
エラー 【Jest】ReferenceError: Element is not defined エラー内容 以下のようにコードを書いていたのですが、ReferenceError: Element is not defined というエラーに遭遇していました。 ... Element.prototype.scrollIntoView =... 2021.06.09 エラーフロントエンド開発