upskill-team
diff --git a/‎.github/workflows/ci.yml‎
Lines changed: 73 additions & 12 deletions b/‎.github/workflows/ci.yml‎
Lines changed: 73 additions & 12 deletions
diff --git a/‎cypress.config.ts‎
Lines changed: 5 additions & 4 deletions b/‎cypress.config.ts‎
Lines changed: 5 additions & 4 deletions
diff --git a/‎cypress/e2e/landing_flow.cy.ts‎
Lines changed: 4 additions & 4 deletions b/‎cypress/e2e/landing_flow.cy.ts‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎package.json‎
Lines changed: 7 additions & 2 deletions b/‎package.json‎
Lines changed: 7 additions & 2 deletions
@@ -1,28 +1,89 @@
-name: Code Quality Pipeline
+name: Frontend CI Pipeline
 
 on:
+  push:
+    branches: [develop, main]
   pull_request:
-    branches: ['develop']
+    branches: [develop, main]
+  workflow_dispatch:
+
+env:
+  NODE_VERSION: '22'
 
 jobs:
   quality-check:
-    name: Code Quality & Security Check
+    name: Code Quality & Unit Tests
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Code
-        uses: actions/checkout@v4
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: 'pnpm'
+
+      - name: Cache Playwright Browsers
+        uses: actions/cache@v4
+        id: playwright-cache
+        with:
+          path: |
+            ~/.cache/ms-playwright
+          key: ${{ runner.os }}-playwright-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile
 
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
+      - name: Install Playwright Browsers
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
+        run: pnpm exec playwright install --with-deps
 
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
+      - name: Run ESLint
+        run: pnpm run lint
+      - name: Run TypeScript Check
+        run: pnpm run type-check
+      - name: Run Security Audit
+        run: pnpm run audit
+      - name: Run Unit Tests
+        run: pnpm run test:unit
+
+  e2e-tests:
+    name: E2E Tests (Cypress)
+    runs-on: ubuntu-latest
+    needs: quality-check
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: ${{ env.NODE_VERSION }}
           cache: 'pnpm'
 
+      - name: Cache Cypress Binary
+        uses: actions/cache@v4
+        id: cypress-cache
+        with:
+          path: ~/.cache/Cypress
+          key: ${{ runner.os }}-cypress-${{ hashFiles('**/pnpm-lock.yaml') }}
+
       - name: Install Dependencies
         run: pnpm install --frozen-lockfile
 
-      - name: Run Quality Checks
-        run: pnpm test
+      - name: Install Cypress Binary
+        if: steps.cypress-cache.outputs.cache-hit != 'true'
+        run: pnpm exec cypress install
+
+      - name: Cypress Run
+        uses: cypress-io/github-action@v6
+        with:
+          install: false
+          build: pnpm run build
+          start: pnpm run preview --port 5173
+          wait-on: 'http://localhost:5173'
+          browser: chrome
+          record: ${{ secrets.CYPRESS_RECORD_KEY != '' }}
+          parallel: false
+        env:
+          CI: true
+          CYPRESS_BASE_URL: 'http://localhost:5173'
+          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
+          GITHUB_TOKEN: ${{ secrets.DSW_TOKEN }}
@@ -1,9 +1,10 @@
-import { defineConfig } from "cypress";
+import { defineConfig } from 'cypress';
 
 export default defineConfig({
-  e2e: {
-    setupNodeEvents() {
+  projectId: 'di6an5',
+
+  e2e: {    baseUrl: process.env.CYPRESS_BASE_URL || 'https://localhost:5173',    setupNodeEvents() {
       // implement node event listeners here
     },
   },
-});
+});
@@ -1,14 +1,14 @@
 describe('Landing Page & Navigation Flow', () => {
   beforeEach(() => {
-    // Visit the local development server
-    cy.visit('https://localhost:5173/');
+    // Visit the application (uses baseUrl from cypress.config.ts)
+    cy.visit('/');
   });
 
   it('Should display the hero section with correct title', () => {
     // Verify main title parts
     cy.contains('h1', 'Aprende sin').should('be.visible');
     cy.contains('span', 'límites').should('be.visible');
-    
+
     // Verify "Explore Courses" button exists with correct link
     cy.contains('a', 'Explorar Cursos')
       .should('be.visible')
@@ -39,4 +39,4 @@ describe('Landing Page & Navigation Flow', () => {
     // Verify Courses page title
     cy.contains('h1', 'Explorar Cursos').should('be.visible');
   });
-});
+});
@@ -16,7 +16,10 @@
     "test:watch": "vitest",
     "test:e2e": "cypress open",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "cy:run": "cypress run",
+    "cy:open": "cypress open",
+    "test:e2e:local": "start-server-and-test preview http://localhost:4173 cy:run"
   },
   "dependencies": {
     "@blocknote/core": "^0.37.0",
@@ -51,6 +54,7 @@
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
+    "@types/node": "^25.0.3",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/three": "^0.179.0",
@@ -78,7 +82,8 @@
   },
   "pnpm": {
     "overrides": {
-      "glob": "^10.5.0"
+      "glob": "^10.5.0",
+      "systeminformation": ">=5.27.14"
     }
   },
   "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"