diff --git a/wordpress-dev/.github/workflows/test-and-deploy.yml b/wordpress-dev/.github/workflows/test-and-deploy.yml
new file mode 100644
index 00000000..8c9c2da8
--- /dev/null
+++ b/wordpress-dev/.github/workflows/test-and-deploy.yml
@@ -0,0 +1,297 @@
+name: Test and Deploy
+
+on:
+  push:
+    branches: [ main, cloudways-dev ]
+  pull_request:
+    branches: [ main, cloudways-dev ]
+  workflow_dispatch:
+    inputs:
+      deploy_type:
+        description: 'Deployment Type'
+        required: true
+        default: 'staging'
+        type: choice
+        options:
+          - staging
+          - canary
+          - production
+
+jobs:
+  health-check:
+    name: System Health Check
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: wordpress-dev/package-lock.json
+          
+      - name: Install dependencies
+        run: |
+          cd wordpress-dev
+          npm ci
+          
+      - name: Install Playwright browsers
+        run: |
+          cd wordpress-dev
+          npx playwright install --with-deps
+          
+      - name: Run health check
+        run: |
+          cd wordpress-dev
+          bash bin/health-check.sh --ci
+          
+      - name: Verify selectors
+        run: |
+          cd wordpress-dev
+          bash bin/verify-selectors.sh --ci
+          
+  test:
+    name: Run Tests
+    needs: health-check
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: wordpress-dev/package-lock.json
+          
+      - name: Install dependencies
+        run: |
+          cd wordpress-dev
+          npm ci
+          
+      - name: Install Playwright browsers
+        run: |
+          cd wordpress-dev
+          npx playwright install --with-deps
+          
+      - name: Create screenshots directory
+        run: mkdir -p wordpress-dev/screenshots
+          
+      - name: Run E2E tests
+        run: |
+          cd wordpress-dev
+          npx playwright test --config=playwright.config.ts
+          
+      - name: Analyze test results
+        if: always()
+        run: |
+          cd wordpress-dev
+          bash bin/test-monitor.sh --store --notify --threshold=80
+          
+      - name: Upload test results
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: test-results
+          path: |
+            wordpress-dev/test-results
+            wordpress-dev/screenshots
+            wordpress-dev/logs
+            
+  visual-regression:
+    name: Visual Regression Test
+    needs: test
+    runs-on: ubuntu-latest
+    if: github.event_name == 'pull_request' || github.event.inputs.deploy_type != ''
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'npm'
+          cache-dependency-path: wordpress-dev/package-lock.json
+          
+      - name: Install dependencies
+        run: |
+          cd wordpress-dev
+          npm ci
+          
+      - name: Install Playwright browsers
+        run: |
+          cd wordpress-dev
+          npx playwright install --with-deps
+          
+      - name: Install ImageMagick
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y imagemagick
+          
+      - name: Download baseline screenshots
+        uses: actions/download-artifact@v3
+        with:
+          name: visual-regression-baseline
+          path: wordpress-dev/tests/e2e/visual-regression/baseline
+        continue-on-error: true
+          
+      - name: Capture current screenshots
+        run: |
+          cd wordpress-dev
+          bash bin/visual-regression.sh capture
+          
+      - name: Establish baseline if not exists
+        run: |
+          cd wordpress-dev
+          if [ ! -d "tests/e2e/visual-regression/baseline" ] || [ -z "$(ls -A tests/e2e/visual-regression/baseline)" ]; then
+            cp -r tests/e2e/visual-regression/current/* tests/e2e/visual-regression/baseline/
+            echo "Created baseline from current screenshots"
+          fi
+          
+      - name: Compare screenshots
+        run: |
+          cd wordpress-dev
+          bash bin/visual-regression.sh compare --threshold=5
+          
+      - name: Generate report
+        if: always()
+        run: |
+          cd wordpress-dev
+          bash bin/visual-regression.sh report
+          
+      - name: Upload visual regression results
+        if: always()
+        uses: actions/upload-artifact@v3
+        with:
+          name: visual-regression-results
+          path: wordpress-dev/tests/e2e/visual-regression
+          
+      - name: Save current screenshots as baseline
+        if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+        uses: actions/upload-artifact@v3
+        with:
+          name: visual-regression-baseline
+          path: wordpress-dev/tests/e2e/visual-regression/current
+          
+  optimize:
+    name: Optimize Tests
+    needs: test
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          
+      - name: Analyze test performance
+        run: |
+          cd wordpress-dev
+          bash bin/optimize-tests.sh analyze
+          
+      - name: Upload optimization analysis
+        uses: actions/upload-artifact@v3
+        with:
+          name: test-optimization
+          path: wordpress-dev/tests/e2e/analysis
+          
+  deploy-staging:
+    name: Deploy to Staging
+    needs: [test, visual-regression]
+    runs-on: ubuntu-latest
+    if: github.event_name == 'push' && github.ref == 'refs/heads/cloudways-dev'
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        
+      - name: Pre-deployment validation
+        run: |
+          cd wordpress-dev
+          bash bin/pre-deploy-validation.sh --ci
+          
+      - name: Deploy to staging
+        run: |
+          cd wordpress-dev
+          bash bin/deploy-plugin.sh --staging
+          
+      - name: Verify deployment
+        run: |
+          cd wordpress-dev
+          bash bin/verify-staging.sh
+          
+  deploy-production:
+    name: Deploy to Production
+    needs: [test, visual-regression]
+    runs-on: ubuntu-latest
+    if: github.event.inputs.deploy_type == 'production'
+    
+    environment:
+      name: production
+      url: https://upskill.measurequick.com
+      
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        
+      - name: Pre-deployment validation
+        run: |
+          cd wordpress-dev
+          bash bin/pre-deploy-validation.sh --ci
+          
+      - name: Deploy canary
+        run: |
+          cd wordpress-dev
+          bash bin/canary-deploy.sh --percentage=10 --wait=5
+          
+      - name: Deploy to production
+        run: |
+          cd wordpress-dev
+          bash bin/deploy.sh --config deploy-config.sh
+          
+      - name: Run smoke tests
+        run: |
+          cd wordpress-dev
+          npx playwright test tests/e2e/smoke-tests.spec.ts --config=playwright.config.ts
+          
+      - name: Verify deployment
+        run: |
+          cd wordpress-dev
+          bash bin/verify-production.sh
+          
+  notify:
+    name: Send Notifications
+    needs: [deploy-staging, deploy-production]
+    runs-on: ubuntu-latest
+    if: always()
+    
+    steps:
+      - name: Check deployment status
+        id: check
+        run: |
+          if [[ "${{ needs.deploy-staging.result }}" == "success" || "${{ needs.deploy-production.result }}" == "success" ]]; then
+            echo "status=success" >> $GITHUB_OUTPUT
+          else
+            echo "status=failure" >> $GITHUB_OUTPUT
+          fi
+          
+      - name: Send success notification
+        if: steps.check.outputs.status == 'success'
+        run: |
+          echo "Deployment successful! Notification would be sent here."
+          
+      - name: Send failure notification
+        if: steps.check.outputs.status != 'success'
+        run: |
+          echo "Deployment failed! Notification would be sent here."
\ No newline at end of file