Refresh token when token has expired

front/src/services/AuthService.ts

@@ -0,0 +1,34 @@
+export const hasAccessToken = () => {
+  const accessToken = localStorage.getItem('accessToken');
+
+  return accessToken ? true : false;
+};
+
+export const hasRefreshToken = () => {
+  const refreshToken = localStorage.getItem('refreshToken');
+
+  return refreshToken ? true : false;
+};
+
+export const refreshAccessToken = async () => {
+  const refreshToken = localStorage.getItem('refreshToken');
+  if (!refreshToken) {
+    localStorage.removeItem('accessToken');
+  }
+
+  const response = await fetch(
+    process.env.REACT_APP_AUTH_URL + '/token' || '',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ refreshToken }),
+    },
+  );
+
+  if (response.ok) {
+    const { accessToken } = await response.json();
+    localStorage.setItem('accessToken', accessToken);
+  }
+};

front/src/services/__tests__/AuthService.test.tsx

@@ -0,0 +1,68 @@
+import { waitFor } from '@testing-library/react';
+import {
+  hasAccessToken,
+  hasRefreshToken,
+  refreshAccessToken,
+} from '../AuthService';
+
+const mockFetch = async (
+  input: RequestInfo | URL,
+  init?: RequestInit,
+): Promise<Response> => {
+  const refreshToken = init?.body
+    ? JSON.parse(init.body.toString()).refreshToken
+    : null;
+  return new Promise((resolve) => {
+    resolve(
+      new Response(
+        JSON.stringify({
+          accessToken:
+            refreshToken === 'xxx-valid-refresh' ? 'xxx-valid-access' : null,
+        }),
+      ),
+    );
+  });
+};
+
+global.fetch = mockFetch;
+
+it('hasAccessToken is true when token is present', () => {
+  localStorage.setItem('accessToken', 'xxx');
+  expect(hasAccessToken()).toBe(true);
+});
+
+it('hasAccessToken is false when token is not', () => {
+  expect(hasAccessToken()).toBe(false);
+});
+
+it('hasRefreshToken is true when token is present', () => {
+  localStorage.setItem('refreshToken', 'xxx');
+  expect(hasRefreshToken()).toBe(true);
+});
+
+it('hasRefreshToken is true when token is not', () => {
+  expect(hasRefreshToken()).toBe(false);
+});
+
+it('refreshToken does not refresh the token if refresh token is missing', () => {
+  refreshAccessToken();
+  expect(localStorage.getItem('accessToken')).toBeNull();
+});
+
+it('refreshToken does not refreh the token if refresh token is invalid', () => {
+  localStorage.setItem('refreshToken', 'xxx-invalid-refresh');
+  refreshAccessToken();
+  expect(localStorage.getItem('accessToken')).toBeNull();
+});
+
+it('refreshToken refreshes the token if refresh token is valid', async () => {
+  localStorage.setItem('refreshToken', 'xxx-valid-refresh');
+  refreshAccessToken();
+  await waitFor(() => {
+    expect(localStorage.getItem('accessToken')).toBe('xxx-valid-access');
+  });
+});
+
+afterEach(() => {
+  localStorage.clear();
+});