test(e2e): refactorisation des tests avec mise en commun de certaines fonctions + utilisation d'une variable pour indiquer la source du chatbot qu'on utilise pour le test

Author: eyssette

features/conversation/ask_questions_in_natural_language.feature

@@ -5,18 +5,18 @@ Feature: Poser des questions au chatbot en langage naturel
 
   @chatbot-base
   Scenario: Question sur la licence de ChatMD
-    Given Je suis sur le site de ChatMD
+    Given Je lance ChatMD ""
     When Je demande quelle licence ChatMD utilise
     Then Le chatbot répond que ChatMD est sous licence MIT
 
   @chatbot-philosophyDissertation
   Scenario: Question sur la structure thèse-antithèse-synthèse dans une dissertation de philosophie
-    Given J'utilise le chatbot pour la méthodologie d'une dissertation de philosophie
+    Given Je lance ChatMD "#dissertation-philo"
     When Je demande si je peux utiliser une structure thèse-antithèse-synthèse
     Then Le chatbot explique que la structure thèse-antithèse-synthèse n'est pas appropriée pour une dissertation de philosophie
 
   @chatbot-base
   Scenario: Question sur un sujet non couvert par le chatbot
-    Given Je suis sur le site de ChatMD
+    Given Je lance ChatMD ""
     When Je pose une question qui n'est pas dans la base de connaissances
     Then Le chatbot répond qu'il ne peut pas répondre à cette question car il n'a pas l'information

features/conversation/click_on_choice_options_buttons.feature

@@ -5,12 +5,12 @@ Feature: Cliquer sur les boutons des options de choix
 
 	@chatbot-base
 	Scenario: Cliquer sur un bouton d'option de choix
-		Given Je suis sur le site de ChatMD
+		Given Je lance ChatMD ""
 		When Je clique sur un bouton d'option de choix après le message initial
 		Then Le chatbot répond en fonction de l'option choisie
 
 	@chatbot-base @chatbot-philosophyDissertation
 	Scenario: Cliquer sur une suite d'options de choix
-		Given J'utilise le chatbot pour la méthodologie d'une dissertation de philosophie
+		Given Je lance ChatMD "#dissertation-philo"
 		When Je clique sur une suite d'options de choix
 		Then Le chatbot répond en fonction de la suite d'options choisies

features/conversation/control_the_typewriter_effect.feature

@@ -5,6 +5,6 @@ Feature: Contrôler l'effet de machine à écrire
 
 	@chatbot-base
 	Scenario: Appuyer sur la touche Entrée
-		Given Je suis sur le site de ChatMD
+		Given Je lance ChatMD ""
 		And J'appuie sur la touche Entrée
 		Then Le texte de présentation de ChatMD s'affiche d'un coup

tests/e2e/.config/steps_file.js

@@ -1,5 +1,8 @@
 // in this file you can append custom step methods to 'I' object
 
+// on import la fonction decodeString depuis app/js/utils/strings.mjs
+const { encodeString } = require("../../../app/js/utils/strings.mjs");
+
 module.exports = function () {
 	return actor({
 		// Define custom steps here, use 'this' to access default methods of I.
@@ -9,5 +12,27 @@ module.exports = function () {
 			this.fillField("#user-input", txt);
 			this.click("#send-button");
 		},
+		loadAchatbot: async function (src) {
+			if (src === "#") {
+				this.amOnPage("");
+				return;
+			}
+
+			// Si la source commence par # suivi immédiatmeent d'un caractère qui n'est pas un espace
+			if (/^#\S/.test(src)) {
+				this.amOnPage(src);
+				return;
+			}
+
+			// Si la source commence par http
+			if (/^https?:\/\//.test(src)) {
+				this.amOnPage(src);
+				return;
+			}
+
+			// Dernière possibilité : la source est un texte brut, on l'encode en base64 et on le passe en paramètre src)
+			const decodedSrc = encodeString(src);
+			this.amOnPage(decodedSrc);
+		},
 	});
 };

tests/e2e/step_definitions/clicks.js

@@ -1,10 +1,5 @@
 const { I } = inject();
 
-Given("Je suis sur le site de ChatMD", async () => {
-	I.amOnPage("");
-	I.see("ChatMD");
-});
-
 When(
 	"Je clique sur un bouton d'option de choix après le message initial",
 	() => {
@@ -19,30 +14,22 @@ Then("Le chatbot répond en fonction de l'option choisie", () => {
 	I.waitForText("On peut imaginer de nombreux usages", 10);
 });
 
-Given(
-	"J'utilise le chatbot pour la méthodologie d'une dissertation de philosophie",
-	() => {
-		I.amOnPage("#dissertation-philo");
-		I.see("La dissertation en philosophie");
-	},
-);
-
 When("Je clique sur une suite d'options de choix", () => {
 	I.pressKey("Enter");
-	I.waitForElement(".message .messageOptions li:first-child a", 0.5);
+	I.waitForElement(".message .messageOptions li:first-child a", 1);
 	I.click(".message .messageOptions li:first-child a");
 	I.pressKey("Enter");
 
 	I.waitForElement(
 		".message:nth-of-type(3) .messageOptions li:nth-child(2) a",
-		0.5,
+		1,
 	);
 	I.click(".message:nth-of-type(3) .messageOptions li:nth-child(2) a");
 	I.pressKey("Enter");
 
 	I.waitForElement(
 		".message:nth-of-type(5) .messageOptions li:nth-child(3) a",
-		0.5,
+		1,
 	);
 	I.click(".message:nth-of-type(5) .messageOptions li:nth-child(3) a");
 	I.pressKey("Enter");

tests/e2e/step_definitions/commons.js

@@ -0,0 +1,14 @@
+const { I } = inject();
+
+Given("Je lance ChatMD {string}", async (hash) => {
+	const src = hash ? hash.trim() : "#";
+	I.loadAchatbot(src);
+});
+
+Given("J'appuie sur la touche Entrée", () => {
+	I.pressKey("Enter");
+});
+
+Given("J'appuie sur le bouton “Envoyer”", () => {
+	I.click("#send-button");
+});

tests/e2e/step_definitions/conversation.js

@@ -2,11 +2,6 @@ const { I } = inject();
 
 import { config } from "../../../app/js/config.mjs";
 
-Given("Je suis sur le site de ChatMD", async () => {
-	I.amOnPage("");
-	I.see("ChatMD");
-});
-
 When("Je demande quelle licence ChatMD utilise", () => {
 	I.askTheChatbot("quelle est la licence de ChatMD ?");
 });
@@ -16,14 +11,6 @@ Then("Le chatbot répond que ChatMD est sous licence MIT", () => {
 	I.waitForText("licence MIT", 10);
 });
 
-Given(
-	"J'utilise le chatbot pour la méthodologie d'une dissertation de philosophie",
-	() => {
-		I.amOnPage("#dissertation-philo");
-		I.see("La dissertation en philosophie");
-	},
-);
-
 When(
 	"Je demande si je peux utiliser une structure thèse-antithèse-synthèse",
 	() => {
@@ -38,18 +25,10 @@ Then(
 	},
 );
 
-Given("J'appuie sur la touche Entrée", () => {
-	I.pressKey("Enter");
-});
-
 Then("Le texte de présentation de ChatMD s'affiche d'un coup", () => {
 	I.waitForText("Qui a créé ChatMD ?", 1);
 });
 
-Given("J'appuie sur le bouton “Envoyer”", () => {
-	I.click("#send-button");
-});
-
 When("Je pose une question qui n'est pas dans la base de connaissances", () => {
 	I.askTheChatbot("Qu'est-ce qu'un bronchiosaure ?");
 });