try e2e #27
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: End-to-End Testing | |
| on: | |
| push: | |
| branches: | |
| - main | |
| pull_request: | |
| jobs: | |
| cypress-tests: | |
| runs-on: ubuntu-latest | |
| steps: | |
| # Step 1: Checkout the code | |
| - name: Checkout code | |
| uses: actions/checkout@v3 | |
| # Step 2: Set up Node.js | |
| - name: Set up Node.js | |
| uses: actions/setup-node@v3 | |
| with: | |
| node-version: 18 | |
| # Step 1: Log in to Docker Hub | |
| - name: Log in to Docker Hub | |
| run: echo "${{ secrets.DOCKER_PASSWORD }}" | docker login -u "${{ secrets.DOCKER_USERNAME }}" --password-stdin | |
| # Step : Connect containers | |
| - name: Create container network | |
| run: | | |
| docker network create docker_network_crowdfund | |
| # Step 3: Pull and Run Database Docker Image | |
| - name: Run MySQL database service | |
| run: | | |
| docker pull ${{ secrets.DOCKER_USERNAME }}/raisehub_database:latest | |
| docker run -d --name raisehub_database \ | |
| -p 3306:3306 \ | |
| --env MYSQL_ROOT_PASSWORD=${{ secrets.MYSQL_ROOT_PASSWORD }} \ | |
| --env MYSQL_DATABASE=crowdfund_db \ | |
| ${{ secrets.DOCKER_USERNAME }}/raisehub_database:latest | |
| docker network connect docker_network_crowdfund raisehub_database | |
| # Step 3.1: Wait for MySQL to Start and Verify Service using wait-for-it | |
| - name: Wait for MySQL to be ready | |
| run: | | |
| wget https://github.com/vishnubob/wait-for-it/releases/download/v2.3.0/wait-for-it.sh | |
| chmod +x wait-for-it.sh | |
| ./wait-for-it.sh localhost:3306 --timeout=60 --strict -- echo "MySQL is ready" | |
| # Step 4: Pull and Run Backend Docker Image | |
| - name: Run backend service | |
| run: | | |
| docker pull ${{ secrets.DOCKER_USERNAME }}/raisehub_backend:latest | |
| docker run -d --name backend \ | |
| -p 8080:8080 \ | |
| --env MYSQL_USERNAME=${{ secrets.MYSQL_USERNAME }} \ | |
| --env MYSQL_PASSWORD=${{ secrets.MYSQL_PASSWORD }} \ | |
| --env JWT_SECRET=${{ secrets.JWT_SECRET }} \ | |
| ${{ secrets.DOCKER_USERNAME }}/raisehub_backend:latest | |
| docker network connect docker_network_crowdfund backend | |
| # Step 4.1: Wait for Backend to be ready using wait-on | |
| - name: Wait for Backend Service to be ready | |
| run: | | |
| npx wait-on http://localhost:8080/health --timeout=60000 --delay=5000 | |
| # Step 5: Build and Serve the Frontend | |
| - name: Build and Serve Frontend | |
| run: | | |
| npm install | |
| npm run build | |
| npm run start & # Start frontend in background | |
| env: | |
| REACT_APP_API_URL: http://localhost:8080 # Set backend API URL | |
| # Step 6: Wait for Frontend Service to Start | |
| - name: Wait for Frontend Service to Start | |
| run: | | |
| npx wait-on http://localhost:3000 --timeout=60000 --delay=5000 | |
| # Step 7: Run Cypress Tests | |
| - name: Run Cypress tests | |
| uses: cypress-io/github-action@v5 | |
| with: | |
| browser: chrome | |
| config-file: cypress.config.js | |
| env: | |
| CYPRESS_baseUrl: http://localhost:3000 # Point to the frontend |