feat(ressources): ajout ressources sur la page résultats

__tests__/components/results/resources.test.js

@@ -0,0 +1,193 @@
+import { getResourcesByScore } from "../../../src/components/results/Resources"
+
+describe("Component Resources", () => {
+  describe("Renvoie les ressources en fonction d'un score", () => {
+    test("Aucune ressource => undefined", () => {
+      const ressources_configs = []
+      expect(getResourcesByScore(ressources_configs, 10)).toEqual(undefined)
+    })
+
+    test("Aucune des ressources ne correspond au score => undefined", () => {
+      const ressources_configs = [
+        {
+          texte_1: "<p>Vous allez bien</p>",
+          texte_2: null,
+          score_min: 0,
+          score_max: 10,
+          ressources: [
+            {
+              type: "tels",
+              titre: "Les ressources téléphoniques",
+              contenu: "<h1>Hello world</h1>",
+            },
+          ],
+        },
+      ]
+      expect(getResourcesByScore(ressources_configs, 12)).toEqual(undefined)
+    })
+
+    test("Pas de score_min/max dans la config des ressources => renvoie la ressource", () => {
+      const ressources_configs = [
+        {
+          texte_1: "<p>test</p>",
+          texte_2: null,
+          score_min: null,
+          score_max: null,
+          ressources: [
+            {
+              type: "tels",
+              titre: "Les ressources téléphoniques",
+              contenu: "<h1>Hello world</h1>",
+            },
+          ],
+        },
+      ]
+
+      const result = {
+        texte_1: "<p>test</p>",
+        texte_2: null,
+        score_min: null,
+        score_max: null,
+        ressources: [
+          {
+            type: "tels",
+            titre: "Les ressources téléphoniques",
+            contenu: "<h1>Hello world</h1>",
+          },
+        ],
+      }
+
+      expect(getResourcesByScore(ressources_configs, 10)).toEqual(result)
+    })
+
+    test("Le score_min est null et le score est < score_max dans la config des ressources => renvoie la ressource", () => {
+      const ressources_configs = [
+        {
+          texte_1: "<p>test</p>",
+          texte_2: null,
+          score_min: null,
+          score_max: 10,
+          ressources: [
+            {
+              type: "tels",
+              titre: "Les ressources téléphoniques",
+              contenu: "<h1>Hello world</h1>",
+            },
+          ],
+        },
+      ]
+
+      const result = {
+        texte_1: "<p>test</p>",
+        texte_2: null,
+        score_min: null,
+        score_max: 10,
+        ressources: [
+          {
+            type: "tels",
+            titre: "Les ressources téléphoniques",
+            contenu: "<h1>Hello world</h1>",
+          },
+        ],
+      }
+
+      expect(getResourcesByScore(ressources_configs, 5)).toEqual(result)
+    })
+
+    test("Le score_min est null et le score est > score_max dans la config des ressources => undefined", () => {
+      const ressources_configs = [
+        {
+          texte_1: "<p>test</p>",
+          texte_2: null,
+          score_min: null,
+          score_max: 10,
+          ressources: [
+            {
+              type: "tels",
+              titre: "Les ressources téléphoniques",
+              contenu: "<h1>Hello world</h1>",
+            },
+          ],
+        },
+      ]
+
+      expect(getResourcesByScore(ressources_configs, 15)).toEqual(undefined)
+    })
+
+    test("Plusieurs ressources dont une correspondant au score => renvoie la ressource", () => {
+      const ressources_configs = [
+        {
+          texte_1: "<p>Vous allez bien</p>",
+          texte_2: null,
+          score_min: 0,
+          score_max: 10,
+          ressources: [
+            {
+              type: "tels",
+              titre: "Les ressources téléphoniques",
+              contenu: "<h1>Hello world</h1>",
+            },
+          ],
+        },
+        {
+          texte_1: "<p>test</p>",
+          texte_2: null,
+          score_min: 11,
+          score_max: 15,
+          ressources: [],
+        },
+      ]
+
+      const result = {
+        texte_1: "<p>test</p>",
+        texte_2: null,
+        score_min: 11,
+        score_max: 15,
+        ressources: [],
+      }
+
+      expect(getResourcesByScore(ressources_configs, 12)).toEqual(result)
+    })
+
+    test("Plusieurs ressources pour un score => prend la 1ère ressource de la liste", () => {
+      const ressources_configs = [
+        {
+          texte_1: "<p>Vous allez bien</p>",
+          texte_2: null,
+          score_min: 0,
+          score_max: 10,
+          ressources: [
+            {
+              type: "tels",
+              titre: "Les ressources téléphoniques",
+              contenu: "<h1>Hello world</h1>",
+            },
+          ],
+        },
+        {
+          texte_1: "<p>test</p>",
+          texte_2: null,
+          score_min: 8,
+          score_max: 15,
+          ressources: [],
+        },
+      ]
+
+      const result = {
+        texte_1: "<p>Vous allez bien</p>",
+        texte_2: null,
+        score_min: 0,
+        score_max: 10,
+        ressources: [
+          {
+            type: "tels",
+            titre: "Les ressources téléphoniques",
+            contenu: "<h1>Hello world</h1>",
+          },
+        ],
+      }
+
+      expect(getResourcesByScore(ressources_configs, 9)).toEqual(result)
+    })
+  })
+})

package.json

@@ -12,10 +12,11 @@
     "@apollo/client": "^3.5.7",
     "@dataesr/react-dsfr": "^0.9.7",
     "@socialgouv/matomo-next": "^1.2.2",
-    "@socialgouv/nos1000jours-lib": "^1.4.0",
+    "@socialgouv/nos1000jours-lib": "^1.5.0",
     "bootstrap": "^5.1.3",
     "cross-fetch": "^3.1.4",
     "graphql": "^16.2.0",
+    "html-react-parser": "^1.4.8",
     "moment": "^2.29.1",
     "next": "12.1.0",
     "react": "17.0.2",
@@ -46,4 +47,4 @@
     ]
   },
   "version": "1.12.1"
-}
+}

pages/epds-survey.js

@@ -9,6 +9,7 @@ import { SurveyProgressBar } from "../src/components/survey/SurveyProgressBar"
 import {
   EpdsGender,
   EPDS_SOURCE,
+  STORAGE_SCORE,
   STORAGE_SCORE_LEVEL_MACARON,
   STORAGE_SCORE_LEVEL_MOOD,
   STORAGE_SCORE_LEVEL_TEXTS,
@@ -84,6 +85,7 @@ export default function EpdsSurvey() {
         scoreLevelForMacaron(totalScore, resultsBoard[9].points)
       )
 
+      localStorage.setItem(STORAGE_SCORE, totalScore)
       goToResults()
     },
   })

pages/index.js

@@ -51,7 +51,7 @@ export default function Home() {
 
   const startSurvey = () => {
     localStorage.setItem(STORAGE_SOURCE, source)
-    trackerClick(CATEG.Home, EVENT_CLICK, "Commencer le test")
+    trackerClick(CATEG.home, EVENT_CLICK, "Commencer le test")
 
     goToEpdsSurvey()
   }

pages/results.js

@@ -14,6 +14,7 @@ import {
   getInLocalStorage,
   getLocaleInLocalStorage,
 } from "../src/utils/main.utils"
+import { Resources } from "../src/components/results/Resources"
 
 export default function Results() {
   const router = useRouter()
@@ -57,6 +58,8 @@ export default function Results() {
       <button className="fr-btn result-return-bt" onClick={goToSurvey}>
         Recommencer le questionnaire
       </button>
+
+      <Resources />
     </ContentLayout>
   )
 }