Test e2e para responder una pregunta del clasico

webapp/e2e/features/play-classic.feature

@@ -0,0 +1,6 @@
+Feature: Answering a question
+
+Scenario: The user can answer a question
+  Given A logged-in user
+  When I play on Classic mode and click on an answer
+  Then The right answer should be colored green

webapp/e2e/steps/aboutus.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/aboutus.feature");
 
 let page;
 let browser;

webapp/e2e/steps/config.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/config.feature");
 
 let page;
 let browser;

webapp/e2e/steps/creategroup.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/creategroup.feature");
 
 let page;
 let browser;

webapp/e2e/steps/history.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/history.feature");
 
 let page;
 let browser;

webapp/e2e/steps/login-form.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/login-form.feature");
 
 let page;
 let browser;

webapp/e2e/steps/logout.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/logout.feature");
 
 let page;
 let browser;

webapp/e2e/steps/play-classic.steps.js

@@ -0,0 +1,57 @@
+const puppeteer = require("puppeteer");
+const { defineFeature, loadFeature } = require("jest-cucumber");
+const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
+const { expect } = require("expect-puppeteer");
+
+const feature = loadFeature("./features/play-classic.feature");
+
+let page;
+let browser;
+
+defineFeature(feature, (test) => {
+  beforeAll(async () => {
+    browser = process.env.GITHUB_ACTIONS
+      ? await puppeteer.launch()
+      : await puppeteer.launch({ headless: false, slowMo: 100 });
+    page = await browser.newPage();
+    setDefaultOptions({ timeout: 10000 });
+
+    await page.goto("http://localhost:3000", {
+      waitUntil: "networkidle0",
+    });
+  });
+
+  test("The user can answer a question", ({ given, when, then }) => {
+    given("A logged-in user", async () => {
+
+      await page.type("#login-username", "testuser");
+      await page.type("#login-password", "Testpassword1");
+      await page.click("button", { text: "Login" });
+      await page.waitForNavigation();
+    });
+
+    when("I play on Classic mode and click on an answer", async () => {
+      await page.click('[data-testid="classic-mode"]');
+      await page.waitForNavigation();
+
+      await page.waitForSelector('[data-testid="question"]');
+
+      await page.click('[data-testid="answer-button"]');
+    });
+
+    then("The right answer should be colored green", async () => {
+      await page.waitForTimeout(3000);
+
+      const correctAnswerColor = await page.evaluate(() => {
+        const answerButton = document.querySelector('[data-testid="answer-button"]');
+        return window.getComputedStyle(answerButton).getPropertyValue("background-color");
+      });
+
+      expect(correctAnswerColor).toMatch("rgb(16, 255, 0)");
+    });
+  });
+
+  afterAll(async () => {
+    await browser.close();
+  });
+});

webapp/e2e/steps/profile.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/profile.feature");
 
 let page;
 let browser;

webapp/e2e/steps/ranking-sorting.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/ranking-sorting.feature");
 
 let page;
 let browser;

webapp/e2e/steps/ranking.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/ranking.feature");
 
 let page;
 let browser;

webapp/e2e/steps/stats.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/stats.feature");
 
 let page;
 let browser;

webapp/e2e/steps/users-addfriend.steps.js

@@ -2,7 +2,7 @@ const puppeteer = require("puppeteer");
 const { defineFeature, loadFeature } = require("jest-cucumber");
 const setDefaultOptions = require("expect-puppeteer").setDefaultOptions;
 const { expect } = require("expect-puppeteer");
-const feature = loadFeature("./features/register-form.feature");
+const feature = loadFeature("./features/users-addfriend.feature");
 
 let page;
 let browser;