feat : adds primevue

.pre-commit-config.yaml

@@ -66,7 +66,7 @@ repos:
   - hooks:
       - id: python-safety-dependencies-check
     repo: https://github.com/Lucas-C/pre-commit-hooks-safety
-    rev: v1.4.0
+    rev: v1.4.2
   - hooks:
       - id: beautysh
     repo: https://github.com/bemeurer/beautysh.git

front/components.d.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    Button: typeof import('primevue/button')['default']
+    ClimateZoneScorePopupContent: typeof import('./src/components/map/popup/ClimateZoneScorePopupContent.vue')['default']
+    ClimateZonesLegend: typeof import('./src/components/map/legend/ClimateZonesLegend.vue')['default']
+    FeedbackForm: typeof import('./src/components/forms/FeedbackForm.vue')['default']
+    FeedbackPopin: typeof import('./src/components/FeedbackPopin.vue')['default']
+    InputText: typeof import('primevue/inputtext')['default']
+    LayerSwitcher: typeof import('./src/components/map/layerSwitcher/LayerSwitcher.vue')['default']
+    MapComponent: typeof import('./src/components/map/MapComponent.vue')['default']
+    MapLayerSwitcher: typeof import('./src/components/map/layerSwitcher/MapLayerSwitcher.vue')['default']
+    MapLegend: typeof import('./src/components/map/legend/MapLegend.vue')['default']
+    MapScorePopup: typeof import('./src/components/map/popup/MapScorePopup.vue')['default']
+    Message: typeof import("primevue/message")["default"]
+    NavbarComponent: typeof import('./src/components/navbar/NavbarComponent.vue')['default']
+    PlantabilityLegend: typeof import('./src/components/map/legend/PlantabilityLegend.vue')['default']
+    PlantabilityScorePopupContent: typeof import('./src/components/map/popup/PlantabilityScorePopupContent.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    ScoreLabel: typeof import('./src/components/map/ScoreLabel.vue')['default']
+    Textarea: typeof import('primevue/textarea')['default']
+    Toast: typeof import('primevue/toast')['default']
+    VulnerabilityLegend: typeof import('./src/components/map/legend/VulnerabilityLegend.vue')['default']
+    VulnerabilityScorePopupContent: typeof import('./src/components/map/popup/VulnerabilityScorePopupContent.vue')['default']
+    VulnerabilityScorePopupItem: typeof import('./src/components/map/popup/VulnerabilityScorePopupItem.vue')['default']
+  }
+}

front/cypress/components/FeedbackPopin.cy.ts

@@ -1,32 +1,21 @@
 import FeedbackPopin from "@/components/FeedbackPopin.vue"
 
 describe("FeedbackPopin", () => {
-  it("renders correctly", () => {
-    cy.mount(FeedbackPopin)
-    cy.getBySel("submit-feedback-button").should("exist")
-    cy.getBySel("close-feedback-button").should("exist")
-  })
-
   it("correctly send feedback", () => {
     cy.mount(FeedbackPopin, {
       props: {
-        allowedExtensions: []
+        visible: true
       },
       emits: {
         "submit-feedback": cy.spy().as("submit-feedback")
       }
     })
 
-    cy.getBySel("submit-feedback-button").click()
-    cy.get("@submit-feedback").should("have.been.calledWith", { email: "", feedback: "" })
-
     const testEmail = "molly.maguire@test.fr"
     const testFeedback = "Raise the floor, not just the ceiling."
-    cy.get("textarea").type(testFeedback)
     cy.get('input[type="email"]').type(testEmail)
+    cy.get("textarea").type(testFeedback)
     cy.getBySel("submit-feedback-button").click()
-
-    // Check if the event was passed with the correct values
     cy.get("@submit-feedback").should("have.been.calledWith", {
       email: testEmail,
       feedback: testFeedback

front/cypress/components/MapLegend.cy.ts

@@ -3,7 +3,7 @@ import VulnerabilityLegend from "@/components/map/legend/VulnerabilityLegend.vue
 
 describe("Map legends", () => {
   it("renders correctly plantability legend", () => {
-    cy.mount(PlantabilityLegend)
+    cy.mount(PlantabilityLegend, {})
     cy.contains(0)
     cy.contains(2)
     cy.contains(4)

front/cypress/components/NavbarComponent.cy.ts

@@ -1,4 +1,4 @@
-import Navbar from "@/components/NavbarComponent.vue"
+import Navbar from "@/components/navbar/NavbarComponent.vue"
 
 describe("Navbar", () => {
   beforeEach(() => {

front/cypress/e2e/mapInteractions.cy.ts

@@ -20,7 +20,7 @@ describe("Map interactions", () => {
     cy.mapOpenPopup()
     cy.getBySel("plantability-score-label").should("exist")
 
-    cy.mapSwitchLayer(DataType.LOCAL_CLIMATE_ZONES) // cf. issue #142
+    cy.mapSwitchLayer(DataTypeToLabel[DataType.LOCAL_CLIMATE_ZONES]) // cf. issue #142
     cy.url().should("include", "/lcz/")
     cy.getBySel("map-legend-title").should("contain", DataTypeToLabel[DataType.LOCAL_CLIMATE_ZONES])
     cy.mapHasNoPopup()
@@ -30,7 +30,7 @@ describe("Map interactions", () => {
     cy.mapClosePopup()
     cy.mapOpenPopup() // cf. issue #92
 
-    cy.mapSwitchLayer(DataType.VULNERABILITY)
+    cy.mapSwitchLayer(DataTypeToLabel[DataType.VULNERABILITY])
     cy.url().should("include", "/vulnerability/")
     cy.getBySel("map-legend-title").should("contain", DataTypeToLabel[DataType.VULNERABILITY])
     cy.mapHasNoPopup()

front/cypress/e2e/mapPopinInteractions.cy.ts

@@ -13,7 +13,7 @@ describe("Feedback Popin interactivity", () => {
   it("Open, close and reopen feedback popin", () => {
     cy.getBySel("open-feedback-button").click()
 
-    cy.getBySel("close-feedback-button").click()
+    cy.get("[data-pc-name='pcclosebutton']").click()
     cy.getBySel("feedback-popin").should("not.exist")
 
     cy.getBySel("open-feedback-button").click()

front/cypress/support/commands.ts

@@ -18,5 +18,6 @@ Cypress.Commands.add("mapClosePopup", () => {
 })
 
 Cypress.Commands.add("mapSwitchLayer", (datatype: string) => {
-  cy.getBySel("layer-switcher").get("select").select(datatype)
+  cy.getBySel("layer-switcher").click()
+  cy.getBySel("layer-switcher").get(".p-select-option-label").contains(datatype).click()
 })

front/cypress/support/component.ts

@@ -17,11 +17,11 @@
 import "./commands"
 
 import "@/styles/main.css"
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
+import Primevue from "primevue/config"
 
 import { mount } from "cypress/vue"
+import { IArbrePreset } from "../../src/theme/iArbre"
+import ToastService from "primevue/toastservice"
 
 // Augment the Cypress namespace to include type definitions for
 // your custom command.
@@ -35,7 +35,23 @@ declare global {
   }
 }
 
-Cypress.Commands.add("mount", mount)
+Cypress.Commands.add("mount", (component, options) => {
+  // Setup options object
+  if (!options) {
+    options = {}
+  }
+  options.global = options.global || {}
+  options.global.plugins = options?.global.plugins || []
+  options.global.plugins.push({
+    install(app) {
+      app.use(Primevue, {
+        theme: {
+          preset: IArbrePreset
+        }
+      })
+      app.use(ToastService)
+    }
+  })
 
-// Example use:
-// cy.mount(MyComponent)
+  return mount(component, options)
+})