feat: add Cypress E2E tests for shop flow

Author: Mishra-coder

frontend/cypress.config.js

@@ -0,0 +1,8 @@
+const { defineConfig } = require('cypress');
+
+module.exports = defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:5173',
+    supportFile: false,
+  },
+});

frontend/cypress/e2e/shop.cy.js

@@ -0,0 +1,46 @@
+describe('Zappify Shop Flow', () => {
+  beforeEach(() => {
+    cy.visit('/');
+  });
+
+  it('loads the homepage with products', () => {
+    cy.contains('Zappify').should('be.visible');
+    cy.get('.product-card').should('have.length.greaterThan', 0);
+  });
+
+  it('can search for a product', () => {
+    cy.get('input[placeholder*="looking for"]').type('Nike');
+    cy.get('.product-card').should('have.length.greaterThan', 0);
+  });
+
+  it('can open product detail page', () => {
+    cy.get('.product-card').first().click();
+    cy.contains('ADD TO CART').should('be.visible');
+    cy.contains('SELECT SIZE').should('be.visible');
+  });
+
+  it('can add product to cart', () => {
+    cy.get('.product-card').first().click();
+    cy.get('.size-btn').first().click();
+    cy.contains('ADD TO CART').click();
+    cy.contains('added to cart').should('be.visible');
+  });
+
+  it('can open cart drawer', () => {
+    cy.get('[title="Cart"]').click();
+    cy.contains('SHOPPING BAG').should('be.visible');
+  });
+
+  it('can open wishlist drawer', () => {
+    cy.get('[title="Wishlist"]').click();
+    cy.contains('MY WISHLIST').should('be.visible');
+  });
+
+  it('login flow works', () => {
+    cy.get('[title="Profile"]').click();
+    cy.contains('Welcome Back').should('be.visible');
+    cy.get('input[placeholder="Email Address"]').type('test@zappify.com');
+    cy.get('input[placeholder="Password"]').type('test123');
+    cy.contains('SIGN IN').click();
+  });
+});