Merge pull request #2 from jsanzdev/feature/laboratorio-testing-opcional

Feature/laboratorio testing opcional

Author: jsanzdev

.github/workflows/testing-lab.yml

@@ -0,0 +1,38 @@
+name: Testing Lab CI
+
+on:
+  push:
+    paths:
+      - '5 - Testing/Ejercicios/Testing-Lab/**'
+  pull_request:
+    paths:
+      - '5 - Testing/Ejercicios/Testing-Lab/**'
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./5 - Testing/Ejercicios/Testing-Lab
+
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: './5 - Testing/Ejercicios/Testing-Lab/package-lock.json'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run tests
+        run: npm test
+
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v3
+        with:
+          directory: ./5 - Testing/Ejercicios/Testing-Lab/coverage
+          flags: unittests

5 - Testing/Ejercicios/Testing-Lab/.env.test

@@ -0,0 +1 @@
+NODE_ENV=test

5 - Testing/Ejercicios/Testing-Lab/.gitignore

@@ -0,0 +1,7 @@
+
+# Playwright
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

5 - Testing/Ejercicios/Testing-Lab/e2e/login.spec.ts

@@ -0,0 +1,57 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("Login Page", () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto("/");
+  });
+
+  test("should display login form", async ({ page }) => {
+    // Wait for form to be visible
+    const form = await page.getByTestId("login-form");
+    await expect(form).toBeVisible();
+
+    // Check form elements
+    await expect(page.getByTestId("user-input")).toBeVisible();
+    await expect(page.getByTestId("password-input")).toBeVisible();
+    await expect(page.getByTestId("login-button")).toBeVisible();
+  });
+
+  test("should show error message with invalid credentials", async ({
+    page,
+  }) => {
+    // Fill in invalid credentials
+    await page.getByTestId("user-input").fill("invalid");
+    await page.getByTestId("password-input").fill("invalid");
+
+    // Click login button
+    await page.getByTestId("login-button").click();
+
+    // Wait for error message
+    await expect(
+      page.getByText("Usuario y/o password no válidos")
+    ).toBeVisible();
+  });
+
+  test("should login successfully with valid credentials", async ({ page }) => {
+    // Fill in valid credentials
+    await page.getByTestId("user-input").fill("admin");
+    await page.getByTestId("password-input").fill("test");
+
+    // Click login button
+    await page.getByTestId("login-button").click();
+
+    // Wait for navigation
+    await page.waitForURL("#/submodule-list");
+  });
+
+  // Debug helper test
+  test("debug page content", async ({ page }) => {
+    await page.goto("/");
+
+    // Log the page content for debugging
+    console.log(await page.content());
+
+    // Take a screenshot
+    await page.screenshot({ path: "login-debug.png", fullPage: true });
+  });
+});