Merge pull request #127 from Arquisoft/99-e2e-testing

99 e2e testing

webapp/e2e/features/competitiveGame.feature

@@ -0,0 +1,5 @@
+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

webapp/e2e/steps/competitiveGame.steps.js

@@ -0,0 +1,50 @@
+const puppeteer = require('puppeteer');
+const { defineFeature, loadFeature } = require('jest-cucumber');
+const setDefaultOptions = require('expect-puppeteer').setDefaultOptions;
+
+const feature = loadFeature('./features/competitiveGame.feature');
+
+const { register, login, logout } = require("../utils");
+
+let page;
+let browser;
+
+const email = "[email protected]";
+const username = "testUser"
+const password = "testUserPassword"
+
+defineFeature(feature, test => {
+
+  beforeAll(async () => {
+      browser = await puppeteer.launch({
+        headless: "new",
+        slowMo: 40,
+        defaultViewport: { width: 1920, height: 1080 },
+        args: ['--window-size=1920,1080']
+    });
+
+    page = await browser.newPage();
+    setDefaultOptions({ timeout: 30000 });
+
+    await register(page, email, username, password);
+  });
+
+  beforeEach(async () => {
+    await logout(page);
+    await login(page, username, password);
+  })
+
+  test('Create Competitive 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 competitive game', async () => {
+        await page.click('#competitive');
+      });
+    then('I am in /questions', async () => {
+      await expect(page).toMatchElement('.questionContainer');
+    });
+  });
+
+});

webapp/e2e/test-environment-setup.js

@@ -294,7 +294,14 @@ async function loadQuestions() {
   }]
 
   //No need of loading questions for these tests
-  //await Question.bulkSave(questions);
+  await questions.forEach(async question =>{
+    let dbQuestion = new Question();
+    dbQuestion.question=question.question;
+    dbQuestion.answers=question.answers;
+    dbQuestion.language=question.language;
+    dbQuestion.type=question.type;
+    await dbQuestion.save();
+  });
 }
 
 startServer();

webapp/src/components/GameConfigurator/GameConfigurator.js

@@ -79,7 +79,7 @@ function ButtonCustomized({t,handleClick}) {
 function ButtonCompetitive({t}){
 
      return (
-      <Link className="linkButton" to="/questions">
+      <Link className="linkButton" id="competitive" to="/questions">
         <h3>{t("gameConfigurator.play_competi")}</h3>
       </Link>
     );

webapp/src/components/questionView/QuestionGenerator.js

@@ -41,7 +41,10 @@ class QuestionGenerator{
             let response;
             if(type==="COMPETITIVE"){
                 response = await axios.get(this.apiUrl + '/' + lang, {headers : {'token':token}});
-            }else{
+            }else if(type==="ALL"){
+                response = await axios.get(this.apiUrl + '/' + lang + '/' +amount, {headers : {'token':token}});
+            }
+            else{
                 response = await axios.get(this.apiUrl + '/' + lang + '/' +amount + '/' + type, {headers : {'token':token}});
             }
             console.log(response)