ci: Add comprehensive CI/CD workflow
- Added GitHub Actions workflow for testing and deployment - Implemented multi-stage deployment with validation - Added visual regression testing to CI process - Integrated all resilience scripts into automated workflow - Added staging and production deployment pipelines 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
bengizmo
parent
b3b0901cd6
commit
cec59b1f6e
1 changed files with 297 additions and 0 deletions
297
wordpress-dev/.github/workflows/test-and-deploy.yml
vendored
Normal file
297
wordpress-dev/.github/workflows/test-and-deploy.yml
vendored
Normal file
|
|
@ -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."
|
||||||
Loading…
Reference in a new issue