CypressでGoogle, Facebook, Microsoft, GitHub などのOAuth認証のログインを実施する方法を紹介します。CypressでOAuth認証を実施する方法はいくつかあるのですが、この記事ではGoogleのOAuthに対してフォーム入力する方法を試しています。 CypressでOAuth…

Cypressをさわりながら基本的な機能の紹介をしていきます。CypressはE2Eテストツールとして人気のツールです。ぜひ、基本的なコンセプトについて理解を深めてください。 Cypressのインストール E2Eテストを作成する Cypress Appを起動する テストを作成する …

Playwrightをさわりながら基本的な機能の紹介をしていきます。PlaywrightはE2Eテストとして人気が高まっているツールです。ぜひ、基本的なコンセプトについて理解を深めてください。 Playwrightのインストール Playwrightのサンプルのテストを動かしてみる …

GrahqQLサーバーではさまざまな種類のエラーが発生します。Apollo Clientはサーバーでエラーが発生した時にエラーハンドリングをエラーポリシーやApollo Linkによって制御することができます。 エラーの種類 GraphQLエラー ネットワークエラー Apollo Client…

Apollo クライアントは、GraphQLクエリの結果を正規化してローカルのメモリ内に保存します。そして、メモリ内のクエリ結果をキャッシュとして利用します。 GraphQLクエリの実行時にクエリ結果がキャッシュにある場合は、ネットワークリクエストを省略して即…

この記事では、GraphQLクライアントのApollo Clientをさわってみて、感触を掴んでもらうための記事です。 動作確認バージョン create-react-app : 5.0.1 react : 18.3.1 @apollo/client : 3.10.1 graphql : 16.8.1 Apollo Client とは Apollo Clientのインス…