Develop

.github/workflows/run-e2e.yml

@@ -0,0 +1,68 @@
+name: E2E Tests
+
+on: [push, pull_request]
+
+jobs:
+  cypress-run:
+    runs-on: ubuntu-latest
+
+    steps:
+      # 1️⃣ Faz o checkout do código
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # 2️⃣ Instala o pnpm
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+          run_install: false
+
+      # 3️⃣ Instala Node.js com cache do pnpm
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      # 4️⃣ Instala dependências
+      - name: Install dependencies
+        run: pnpm install
+
+      # 5️⃣ Cache do binário do Cypress
+      - name: Cache Cypress binary
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/Cypress
+          key: cypress-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
+
+      # 6️⃣ Instala binário do Cypress
+      - name: Install Cypress binary
+        run: pnpm cypress install
+
+      # 7️⃣ Build do projeto — agora com as variáveis definidas
+      - name: Build project
+        run: pnpm build
+        env:
+          NODE_ENV: production
+          APP_URL: 'http://localhost:3000'
+          NEXT_PUBLIC_API_BASE_URL: 'https://devstore-api-lilac.vercel.app/'
+
+      # 8️⃣ Inicia o servidor em segundo plano
+      - name: Start Next.js server
+        run: pnpm start &
+        env:
+          NODE_ENV: production
+          APP_URL: 'http://localhost:3000'
+          NEXT_PUBLIC_API_BASE_URL: 'https://devstore-api-lilac.vercel.app/'
+
+      # 9️⃣ Aguarda o servidor estar disponível
+      - name: Wait for server to be ready
+        run: npx wait-on http://localhost:3000
+
+      # 🔟 Executa os testes E2E
+      - name: Run Cypress tests
+        run: pnpm cypress run
+        env:
+          APP_URL: 'http://localhost:3000'
+          NEXT_PUBLIC_API_BASE_URL: 'https://devstore-api-lilac.vercel.app/'

cypress/e2e/add-to-product-to-cart.cy.ts

@@ -18,7 +18,7 @@ describe('add product to cart', () => {
     cy.contains('Cart(1)').should('exist')
   })
   it('should be able to search for a product and add it to the cart', () => {
-    cy.searchByQuery('moletom')
+    cy.get('input[name="q"]').type('moletom').parent('form').submit()
     cy.get('a[href^="/product"]').first().click()
     cy.location('pathname').should('include', '/product')
     cy.contains('Adicionar ao carrinho').click()

cypress/e2e/search.cy.ts

@@ -1,7 +1,7 @@
 describe('search products', () => {
   it('should be able to search for products ', () => {
     cy.visit('/')
-    cy.searchByQuery('moletom')
+    cy.get('input[name="q"]').type('moletom').parent('form').submit()
     cy.location('pathname').should('include', '/search')
     cy.location('search').should('include', 'q=moletom')
     cy.get('a[href^="/product"]', { timeout: 10000 }).should('exist')

package.json

@@ -9,6 +9,7 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "@t3-oss/env-nextjs": "^0.13.8",
     "lucide-react": "^0.548.0",
     "next": "16.0.0",
     "react": "19.2.0",

src/env.ts

@@ -1,14 +1,17 @@
+ort { createEnv } from '@t3-oss/env-nextjs'
 import { z } from 'zod'
 
-const envSchema = z.object({
-  NEXT_PUBLIC_API_BASE_URL: z.url(),
-  APP_URL: z.url()
-})
+export const env = createEnv({
+  server: {
+    APP_URL: z.url()
+  },
+  client: {
+    NEXT_PUBLIC_API_BASE_URL: z.url()
+  },
 
-const parseEnv = envSchema.safeParse(process.env)
+  runtimeEnv: {
+    APP_URL: process.env.APP_URL,
+    NEXT_PUBLIC_API_BASE_URL: process.env.NEXT_PUBLIC_API_BASE_URL
+  }
+})
 
-if (!parseEnv.success) {
-  console.error('Invalid environments variables', parseEnv.error)
-  throw new Error('Invalid environments variables')
-}
-export const env = parseEnv.data

tsconfig.json

@@ -1,14 +1,19 @@
 {
   "compilerOptions": {
-    "target": "ES2017",
+    "types": ["cypress"],
+    "target": "es2022",
+
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
     "noEmit": true,
     "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
+    "module": "es
+    "moduleDetection": "force",
+    "allowImportingTsExtensions": true,
+    "moduleResolution": "bundler",
+
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "react-jsx",
@@ -29,7 +34,12 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     ".next/dev/types/**/*.ts",
-    "**/*.mts"
+
+    "**/*.mts",
+    "cypress",
+    "cypress/**/*.ts",
+    "cypress/**/*.d.ts"
+
   ],
   "exclude": ["node_modules"]
 }