CI Workflow with basic frontend test #12
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: CI Workflow | |
| on: | |
| pull_request: | |
| branches: | |
| - 'master' | |
| jobs: | |
| setup: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| - name: Set up Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '18' | |
| - name: Install frontend dependencies | |
| if: steps.cache-node-modules.outputs.cache-hit != 'true' | |
| working-directory: frontend | |
| run: npm ci --legacy-peer-deps | |
| - name: Cache Node modules | |
| if: steps.cache-node-modules.outputs.cache-hit != 'true' | |
| uses: actions/cache@v4 | |
| with: | |
| path: frontend/node_modules | |
| key: ${{ runner.os }}-node-${{ hashFiles('**/frontend/package-lock.json') }} | |
| restore-keys: | | |
| ${{ runner.os }}-node- | |
| - name: Set up Python | |
| uses: actions/setup-python@v5 | |
| with: | |
| python-version: '3.x' | |
| - name: Create virtual environment | |
| run: python -m venv .venv | |
| - name: Activate virtual environment | |
| run: source .venv/bin/activate | |
| - name: Install dependencies | |
| run: | | |
| python -m pip install --upgrade pip | |
| pip install -r backend/requirements.txt | |
| - name: Add .env file | |
| run: cp backend/.env.template backend/.env | |
| - name: Generate static files | |
| run: python backend/manage.py collectstatic | |
| - name: Save venv | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: venv | |
| path: .venv | |
| frontend-tests: | |
| runs-on: ubuntu-latest | |
| needs: setup | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| - name: Restore Node modules cache | |
| id: restore-node-modules | |
| uses: actions/cache@v4 | |
| with: | |
| path: frontend/node_modules | |
| key: ${{ runner.os }}-node-${{ hashFiles('**/frontend/package-lock.json') }} | |
| - name: Install frontend dependencies | |
| if: steps.restore-node-modules.outputs.cache-hit != 'true' | |
| working-directory: frontend | |
| run: npm ci --legacy-peer-deps | |
| - name: Permissions for node_modules | |
| run: chmod -R +x frontend/node_modules/.bin | |
| - name: Verify node_modules restoration | |
| run: | | |
| ls -la frontend/node_modules | |
| ls -la frontend/node_modules/.bin | |
| - name: Run frontend test | |
| run: npm test -- --watchAll=false | |
| working-directory: frontend | |
| frontend-tests-2: | |
| runs-on: ubuntu-latest | |
| needs: setup | |
| services: | |
| selenium: | |
| image: selenium/standalone-chrome | |
| ports: | |
| - 4444:4444 | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| - name: Restore Node modules cache | |
| id: restore-node-modules | |
| uses: actions/cache@v4 | |
| with: | |
| path: frontend/node_modules | |
| key: ${{ runner.os }}-node-${{ hashFiles('**/frontend/package-lock.json') }} | |
| - name: Install frontend dependencies | |
| if: steps.restore-node-modules.outputs.cache-hit != 'true' | |
| working-directory: frontend | |
| run: npm ci --legacy-peer-deps | |
| - name: Permissions for node_modules | |
| run: chmod -R +x frontend/node_modules/.bin | |
| - name: Verify node_modules restoration | |
| run: | | |
| ls -la frontend/node_modules | |
| ls -la frontend/node_modules/.bin | |
| - name: Run frontend test | |
| run: npm test -- --watchAll=false | |
| working-directory: frontend | |
| - name: Set up Python | |
| uses: actions/setup-python@v5 | |
| with: | |
| python-version: '3.x' | |
| - name: Install Selenium dependencies | |
| run: | | |
| python -m pip install --upgrade pip | |
| pip install selenium pyautogui | |
| - name: Install Xvfb | |
| run: sudo apt-get install -y xvfb | |
| - name: Start Xvfb | |
| run: | | |
| Xvfb :99 -screen 0 1280x1024x16 & | |
| echo "DISPLAY=:99" >> $GITHUB_ENV # Write the DISPLAY variable to the environment file | |
| - name: Run Selenium tests | |
| run: xvfb-run -a python .github/first_test.py | |