Added more e2e gameMenu

Arquisoft · Apr 27, 2024 · e4f5af1 · e4f5af1
1 parent 47ef32e
commit e4f5af1
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 6 deletions.
diff --git a/webapp/e2e/features/gameMenu.feature b/webapp/e2e/features/gameMenu.feature
@@ -1,8 +1,16 @@
 Feature: Game Menu page functionality
  Scenario: There should be visible three links
-    Given I am on the game menu
-    Then three buttons should be visible
+   Given I am on the game menu
+   Then three buttons should be visible
  Scenario: New Game should go to game configurator
    Given I am on the game menu
    When I click on New Game
    Then I should be in the game configurator
+Scenario: Ranking should go to ranking view
+   Given I am on the game menu
+   When I click on Ranking
+   Then I should be in the ranking
+Scenario: View Historical Data should go to historical data
+   Given I am on the game menu
+   When I click on View Historical Data
+   Then I should be in the historical data
diff --git a/webapp/e2e/steps/gameMenu.steps.js b/webapp/e2e/steps/gameMenu.steps.js
@@ -58,5 +58,29 @@ defineFeature(feature, test => {
       await expect(page).toMatchElement('.GameConfiguratorDiv');
     });
   });
+  test('Ranking should go to ranking view', ({ given, when, then }) => {
+    given('I am on the game menu', async () => {
+      await page.goto('http://localhost:3000/menu'); 
+      await page.waitForSelector('.divMenu');
+    });
+    when('I click on Ranking', async () => {
+      await page.click('#ranking');
+    });
+    then('I should be in the ranking', async () => {
+      await expect(page).toMatchElement('.table');
+    });
+  });
+  test('View Historical Data should go to historical data', ({ given, when, then }) => {
+    given('I am on the game menu', async () => {
+      await page.goto('http://localhost:3000/menu'); 
+      await page.waitForSelector('.divMenu');
+    });
+    when('I click on View Historical Data', async () => {
+      await page.click('#historical');
+    });
+    then('I should be in the historical data', async () => {
+      await expect(page).toMatchElement('.globalHistoricalView');
+    });
+  });
 
 });
diff --git a/webapp/e2e/steps/questionGame.steps.js b/webapp/e2e/steps/questionGame.steps.js
@@ -17,7 +17,7 @@ defineFeature(feature, test => {
 
   beforeAll(async () => {
       browser = await puppeteer.launch({
-        headless: false,
+        headless: "new",
         slowMo: 20,
         defaultViewport: { width: 1920, height: 1080 },
         args: ['--window-size=1920,1080']

diff --git a/webapp/src/components/GameMenu/GameMenu.js b/webapp/src/components/GameMenu/GameMenu.js
@@ -22,15 +22,15 @@ export default function GameMenu() {
 
   function ButtonNewGame({ t }) {
     return (
-      <Link className="linkButton" to="/configurator">
+      <Link className="linkButton"  to="/configurator">
         <h3>{t("gameMenu.new_game_button")}</h3>
       </Link>
     );
   }
 
   function ButtonRanking({ t }) {
     return (
-      <Link className="linkButton"  to="/ranking">
+      <Link className="linkButton" id="ranking" to="/ranking">
         <h3>{t("gameMenu.view_ranking")}</h3>
 
       </Link>

diff --git a/webapp/src/components/HistoricalData/ButtonHistoricalData.js b/webapp/src/components/HistoricalData/ButtonHistoricalData.js
@@ -1,7 +1,7 @@
 import { Link } from "react-router-dom";
 export default function ButtonHistoricalData({ t }) {
   return (
-    <Link className="linkButton" to="/historical">
+    <Link className="linkButton" id="historical" to="/historical">
       <h3>{t("gameMenu.history_button")}</h3>
     </Link>
   );