Merge pull request #106 from samuel-gomez/feature/update-deps-20240202

Feature/update deps 20240202

Author: samuel-gomez

package-lock.json

@@ -27,68 +27,68 @@
     "@axa-fr/react-oidc": "7.12.12",
     "@axa-fr/react-toolkit-all": "2.2.0",
     "@axa-fr/react-toolkit-core": "2.2.0",
-    "@tanstack/react-query": "5.10.0",
-    "@tanstack/react-query-devtools": "5.12.0",
+    "@tanstack/react-query": "5.17.15",
+    "@tanstack/react-query-devtools": "5.17.15",
     "@uiw/react-textarea-code-editor": "3.0.2",
-    "axe-core": "4.8.2",
+    "axe-core": "4.8.3",
     "cross-fetch": "4.0.0",
     "downloadjs": "1.4.7",
-    "github-markdown-css": "5.4.0",
+    "github-markdown-css": "5.5.0",
     "lodash": "4.17.21",
-    "prism-react-renderer": "2.3.0",
+    "prism-react-renderer": "2.3.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-draggable": "4.4.6",
-    "react-hook-form": "7.48.2",
+    "react-hook-form": "7.49.3",
     "react-live": "4.1.5",
     "react-markdown": "9.0.1",
-    "react-router-dom": "6.20.0",
+    "react-router-dom": "6.21.2",
     "rehype-slug": "6.0.0",
     "remark-gfm": "4.0.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "18.4.3",
-    "@commitlint/config-conventional": "18.4.3",
-    "@testing-library/jest-dom": "6.1.5",
+    "@commitlint/cli": "18.4.4",
+    "@commitlint/config-conventional": "18.4.4",
+    "@testing-library/jest-dom": "6.2.0",
     "@testing-library/react": "14.1.2",
     "@testing-library/react-hooks": "8.0.1",
-    "@testing-library/user-event": "14.5.1",
+    "@testing-library/user-event": "14.5.2",
     "@types/downloadjs": "1.4.6",
     "@types/jest-axe": "3.5.9",
     "@types/lodash": "4.14.202",
     "@types/node": "20.11.5",
-    "@types/react": "18.2.39",
-    "@types/react-dom": "18.2.17",
-    "@typescript-eslint/eslint-plugin": "6.13.1",
-    "@typescript-eslint/parser": "6.13.1",
-    "@vitejs/plugin-react": "4.2.0",
-    "@vitest/coverage-v8": "0.34.6",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
+    "@typescript-eslint/eslint-plugin": "6.19.0",
+    "@typescript-eslint/parser": "6.19.0",
+    "@vitejs/plugin-react": "4.2.1",
+    "@vitest/coverage-v8": "1.2.0",
     "cz-conventional-changelog": "3.3.0",
-    "eslint": "8.54.0",
+    "eslint": "8.56.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "17.1.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "2.29.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
-    "eslint-plugin-prettier": "5.0.1",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "husky": "8.0.3",
     "jest-axe": "8.0.0",
     "jest-cucumber": "3.0.1",
-    "jsdom": "23.0.1",
-    "lint-staged": "15.1.0",
-    "msw": "2.0.9",
-    "prettier": "3.1.0",
-    "rollup-plugin-visualizer": "5.9.3",
-    "sass": "1.69.5",
+    "jsdom": "23.2.0",
+    "lint-staged": "15.2.0",
+    "msw": "2.1.2",
+    "prettier": "3.2.4",
+    "rollup-plugin-visualizer": "5.12.0",
+    "sass": "1.69.7",
     "serve": "14.2.1",
-    "typescript": "5.3.2",
-    "vite": "4.5.0",
-    "vite-tsconfig-paths": "4.2.1",
-    "vitest": "0.34.6",
-    "vitest-sonar-reporter": "0.5.0",
-    "whatwg-fetch": "3.6.19"
+    "typescript": "5.3.3",
+    "vite": "5.0.11",
+    "vite-tsconfig-paths": "4.3.1",
+    "vitest": "1.2.0",
+    "vitest-sonar-reporter": "1.0.0",
+    "whatwg-fetch": "3.6.20"
   },
   "config": {
     "commitizen": {

package.json

@@ -3,7 +3,6 @@
     "base": "https://react-starter-api.vercel.app/api/",
     "github": "https://raw.githubusercontent.com/"
   },
-  "baseUrl": "",
   "fetchConfig": {
     "headers": {
       "Content-type": "application/json; charset=UTF-8"

public/environment.development.json

@@ -23,60 +23,59 @@
   },
   "dependencies": {
     "@axa-fr/react-oidc": "7.12.12",
-    "@axa-fr/react-toolkit-all": "2.1.0",
-    "@axa-fr/react-toolkit-core": "2.1.0",
-    "@popperjs/core": "2.11.8",
-    "@tanstack/react-query": "5.10.0",
-    "@tanstack/react-query-devtools": "5.12.0",
+    "@axa-fr/react-toolkit-all": "2.2.0",
+    "@axa-fr/react-toolkit-core": "2.2.0",
+    "@tanstack/react-query": "5.17.15",
+    "@tanstack/react-query-devtools": "5.17.15",
     "cross-fetch": "4.0.0",
     "lodash": "4.17.21",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-hook-form": "7.48.2",
-    "react-router-dom": "6.20.0"
+    "react-hook-form": "7.49.3",
+    "react-router-dom": "6.21.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "18.4.3",
-    "@commitlint/config-conventional": "18.4.3",
-    "@testing-library/jest-dom": "6.1.5",
+    "@commitlint/cli": "18.4.4",
+    "@commitlint/config-conventional": "18.4.4",
+    "@testing-library/jest-dom": "6.2.0",
     "@testing-library/react": "14.1.2",
     "@testing-library/react-hooks": "8.0.1",
-    "@testing-library/user-event": "14.5.1",
+    "@testing-library/user-event": "14.5.2",
     "@types/jest-axe": "3.5.9",
     "@types/lodash": "4.14.202",
     "@types/node": "20.11.5",
-    "@types/react": "18.2.39",
-    "@types/react-dom": "18.2.17",
-    "@typescript-eslint/eslint-plugin": "6.13.1",
-    "@typescript-eslint/parser": "6.13.1",
-    "@vitejs/plugin-react": "4.2.0",
-    "@vitest/coverage-v8": "0.34.6",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
+    "@typescript-eslint/eslint-plugin": "6.19.0",
+    "@typescript-eslint/parser": "6.19.0",
+    "@vitejs/plugin-react": "4.2.1",
+    "@vitest/coverage-v8": "1.2.0",
     "cz-conventional-changelog": "3.3.0",
-    "eslint": "8.54.0",
+    "eslint": "8.56.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "17.1.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "2.29.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
-    "eslint-plugin-prettier": "5.0.1",
+    "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "husky": "8.0.3",
     "jest-axe": "8.0.0",
     "jest-cucumber": "3.0.1",
-    "jsdom": "23.0.1",
-    "lint-staged": "15.1.0",
-    "msw": "2.0.9",
-    "prettier": "3.1.0",
-    "rollup-plugin-visualizer": "5.9.3",
-    "sass": "1.69.5",
+    "jsdom": "23.2.0",
+    "lint-staged": "15.2.0",
+    "msw": "2.1.2",
+    "prettier": "3.2.4",
+    "rollup-plugin-visualizer": "5.12.0",
+    "sass": "1.69.7",
     "serve": "14.2.1",
-    "typescript": "5.3.2",
-    "vite": "4.5.0",
-    "vite-tsconfig-paths": "4.2.1",
-    "vitest": "0.34.6",
-    "vitest-sonar-reporter": "0.5.0",
-    "whatwg-fetch": "3.6.19"
+    "typescript": "5.3.3",
+    "vite": "5.0.11",
+    "vite-tsconfig-paths": "4.3.1",
+    "vitest": "1.2.0",
+    "vitest-sonar-reporter": "1.0.0",
+    "whatwg-fetch": "3.6.20"
   },
   "config": {
     "commitizen": {

scripts/files/package.json

@@ -1,11 +1,11 @@
 import Layout, { TLayoutPage } from 'Layout';
-import { TITLE_BAR, TITLE } from './constants';
+import { TITLE, TITLE_BAR } from './constants';
 
 export type THome = TLayoutPage;
 
 const Home = ({ titleBar = TITLE_BAR, title = TITLE }: THome) => (
   <Layout propsTitle={{ title: titleBar }}>
-    <h1 className="af-title--content">{title}</h1>
+    <h2 className="af-title--content">{title}</h2>
   </Layout>
 );
 

scripts/files/src/pages/Home/Home.tsx

@@ -1,5 +1,5 @@
+import { configure, screen } from '@testing-library/react';
 import { defineFeature, loadFeature } from 'jest-cucumber';
-import { screen, configure } from '@testing-library/react';
 import { render } from 'shared/testsUtils/customRender';
 import { JeSuisUnUtilisateurConnuEtConnecteAvecleProfil, UnTitreEstVisible } from 'shared/testsUtils/sharedScenarios';
 import Home from '../Home';
@@ -23,6 +23,6 @@ defineFeature(feature, test => {
   test("Affichage de la page d'accueil", ({ given, when, then }) => {
     JeSuisUnUtilisateurConnuEtConnecteAvecleProfil(given, setRoleMock);
     when("J'accède à la page accueil", renderPage);
-    UnTitreEstVisible(then);
+    UnTitreEstVisible(then, 2);
   });
 });

scripts/files/src/pages/Home/__tests__/Home.spec.tsx

@@ -1,11 +1,11 @@
-import { ReactNode, useContext } from 'react';
 import { OidcProvider } from '@axa-fr/react-oidc';
 import { EnvironmentContext } from 'App/EnvironmentProvider';
+import { ReactNode, useContext } from 'react';
 
-const Authentication = ({ children }: { children: ReactNode }) => {
+const Authentication = ({ children, OidcProviderCmpt = OidcProvider }: { children: ReactNode; OidcProviderCmpt?: typeof OidcProvider }) => {
   const { environment } = useContext(EnvironmentContext);
 
-  return environment?.oidc?.isEnabled ? <OidcProvider configuration={environment?.oidc}>{children}</OidcProvider> : <>{children}</>;
+  return environment?.oidc?.isEnabled ? <OidcProviderCmpt configuration={environment?.oidc}>{children}</OidcProviderCmpt> : <>{children}</>;
 };
 
 export default Authentication;

src/App/Authentication/Authentication.tsx

@@ -0,0 +1,46 @@
+import { render, screen } from '@testing-library/react';
+import EnvironmentProvider from 'App/EnvironmentProvider';
+import { ReactNode } from 'react';
+import Authentication from '../Authentication';
+
+const setOidc = (isEnabled = true) => ({
+  envState: {
+    environment: {
+      apiUrl: '/',
+      fetchConfig: {},
+      oidc: {
+        isEnabled,
+      },
+    },
+  },
+});
+
+const OidcProviderCmpt = ({ children }: { children: ReactNode }) => <div>with OIDC provider {children} </div>;
+
+const renderAuthentication = (isEnabled = true) => {
+  const useEnvFn = vi.fn().mockReturnValueOnce(setOidc(isEnabled));
+
+  render(
+    <EnvironmentProvider useEnvFn={useEnvFn}>
+      <Authentication OidcProviderCmpt={OidcProviderCmpt}>
+        <p>my child</p>
+      </Authentication>
+    </EnvironmentProvider>,
+  );
+};
+
+describe('Authentication', () => {
+  it('Should render Authentication with OidcProvider when oidc is enabled', () => {
+    renderAuthentication();
+
+    expect(screen.getByText('with OIDC provider')).toBeDefined();
+    expect(screen.getByText('my child')).toBeDefined();
+  });
+
+  it('Should render Authentication without OidcProvider when oidc is not enabled', () => {
+    renderAuthentication(false);
+
+    expect(screen.queryByText('with OIDC provider')).toBeNull();
+    expect(screen.getByText('my child')).toBeDefined();
+  });
+});