Added a PlayWright test for user cookie consent

pages/_app.tsx

@@ -63,6 +63,9 @@ function Domego( { Component, pageProps }: AppProps )
 				// Désactivation de l'interaction avec la page.
 				disablePageInteraction: true,
 
+				// Disparition du mécanisme pour les robots.
+				hideFromBots: process.env.NODE_ENV === "production",
+
 				// Paramètres internes des cookies.
 				cookie: {
 					path: basePath

pages/index.tsx

@@ -3,10 +3,11 @@
 //
 import dynamic from "next/dynamic";
 import { useRouter } from "next/router";
+import * as CookieConsent from "vanilla-cookieconsent";
 import type { SweetAlertIcon } from "sweetalert2";
 import { useTranslation, Trans } from "next-i18next";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
-import { useState, useContext, useEffect, ChangeEvent } from "react";
+import { useState, useContext, useEffect, ChangeEvent, MouseEvent } from "react";
 
 import styles from "./index.module.scss";
 import { UserType } from "@/enums/User";
@@ -198,6 +199,13 @@ export default function GameHome()
 		setDisabled( !event.target.validity.valid );
 	};
 
+	// Affichage de la fenêtre de préférences des cookies.
+	const showPreferences = ( event: MouseEvent<HTMLAnchorElement> ) =>
+	{
+		event.preventDefault();
+		CookieConsent.showPreferences();
+	};
+
 	// Préchargement de la page de sélection de la partie.
 	useEffect( () =>
 	{
@@ -262,6 +270,15 @@ export default function GameHome()
 						a2: <a href="https://policies.google.com/terms">...</a>
 					}}
 				/>
+
+				<br />
+
+				<Trans
+					i18nKey="pages.index.cookies_preferences"
+					components={{
+						a1: <a href="#cookies" onClick={showPreferences}>...</a>
+					}}
+				/>
 			</small>
 		</section>
 	);

public/locales/en/common.json

@@ -49,7 +49,8 @@
 			"create_new_game": "Create a new game",
 			"games_available": "Available games",
 			"send_chat_message": "Send",
-			"google_recaptcha": "This site is protected by reCAPTCHA and the Google <a1>Privacy Policy</a1> and <a2>Terms of Service</a2> apply."
+			"google_recaptcha": "This site is protected by reCAPTCHA and the Google <a1>Privacy Policy</a1> and <a2>Terms of Service</a2> apply.",
+			"cookies_preferences": "This site uses cookies to offer you the best possible experience. You can <a1>manage your preferences</a1> at any time."
 		},
 		"rooms": {
 			"join": "Join",

public/locales/fr/common.json

@@ -49,7 +49,8 @@
 			"create_new_game": "Créer une partie",
 			"games_available": "Parties disponibles",
 			"send_chat_message": "Envoyer",
-			"google_recaptcha": "Ce site est protégé par reCAPTCHA sur lequel s'appliquent les <a1>politiques de confidentialité</a1> et les <a2>conditions d'utilisation</a2> de Google."
+			"google_recaptcha": "Ce site est protégé par reCAPTCHA sur lequel s'appliquent les <a1>politiques de confidentialité</a1> et les <a2>conditions d'utilisation</a2> de Google.",
+			"cookies_preferences": "Ce site utilise des cookies pour vous offrir la meilleure expérience possible. Vous pouvez <a1>gérer vos préférences</a1> à tout moment."
 		},
 		"rooms": {
 			"join": "Rejoindre",

tests/e2e/navigation.spec.ts

@@ -24,6 +24,21 @@ test( "Vérification de certains contenus", async ( { page } ) =>
 	await expect( page.getByText( "A serious educational game" ) ).toBeVisible();
 } );
 
+//
+// Permet de vérifier que le consentement des cookies fonctionne.
+//
+test( "Affichage du consentement des cookies", async ( { page } ) =>
+{
+	// Clic sur le bouton du consentement des cookies.
+	await page.getByRole( "link", { name: "manage your preferences" } ).click();
+
+	// Sauvegarde des préférences actuelles.
+	await page.getByRole( "button", { name: "Save preferences" } ).click();
+
+	// Vérification de la page actuelle.
+	await expect( page ).toHaveURL( "/" );
+} );
+
 //
 // Permet de vérifier qu'il est possible d'annuler la création d'une nouvelle partie.
 //