fixed flaky

webapp/e2e/features/competitiveGame.feature

@@ -2,4 +2,8 @@ Feature: Game Configurator and Competitive Game functionality
  Scenario: Create Competitive Game should go to /questions
     Given I am on the game configurator
     When I click on new competitive game
+    Then I am in /questions
+ Scenario: Create Customized Game should go to /questions
+    Given I am on the game configurator
+    When I click on new customized game
     Then I am in /questions

webapp/e2e/steps/competitiveGame.steps.js

@@ -9,8 +9,8 @@ const { register, login, logout } = require("../utils");
 let page;
 let browser;
 
-const email = "testUser@example.com";
-const username = "testUser"
+const email = "testUser1@example.com";
+const username = "testUser1"
 const password = "testUserPassword"
 
 defineFeature(feature, test => {
@@ -46,5 +46,18 @@ defineFeature(feature, test => {
       await expect(page).toMatchElement('.questionContainer');
     });
   });
+
+  test('Create Customized Game should go to /questions', ({ given,when, then }) => {
+    given('I am on the game configurator', async () => {
+      await page.goto('http://localhost:3000/configurator'); 
+      await page.waitForSelector('.GameConfiguratorDiv');
+    });
+    when('I click on new customized game', async () => {
+        await page.click('.linkButton');
+      });
+    then('I am in /questions', async () => {
+      await expect(page).toMatchElement('.questionContainer');
+    });
+  });
 
 });

webapp/src/components/GameConfigurator/GameConfigurator.js

@@ -71,7 +71,7 @@ function ButtonRandomizeCustom({t,handleClick}){
 
 function ButtonCustomized({t,handleClick}) {
   return (
-    <button className="linkButton" onClick={handleClick}>{t("gameConfigurator.play_custom")}</button>
+    <button className="linkButton"  id="customized" onClick={handleClick}>{t("gameConfigurator.play_custom")}</button>
   );
 }