nodejs.yml

name: Vue 3 CI/CD

on: [push, workflow_dispatch]

jobs:
  build:
    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [14.x]

    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v2
        with:
          node-version: ${{ matrix.node-version }}

      - name: Install dependencies
        run: npm install

      - name: Build and test
        run: |
          npm run build
          npm run test:unit

      - name: Upload coverage to Codecov
        uses: codecov/codecov-action@v1
        with:
          token: ${{ secrets.CODECOV_TOKEN }}
          file: ./coverage/lcov.info
          flags: unittests

    env:
      CI: true
      VUE_APP_PUBLIC_KEY: ${{ secrets.ik_public_key }}
      VUE_APP_PRIVATE_KEY: ${{ secrets.ik_private_key }}
      VUE_APP_URL_ENDPOINT: "https://ik.imagekit.io/sdktestingik"

  e2e:
    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [14.x]

    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v2
        with:
          node-version: ${{ matrix.node-version }}

      - name: Install dependencies
        run:  | 
          npm install
          npm run build

      - name: Build Test app
        run: |
          cd tests/test-app
          echo VUE_APP_URL_ENDPOINT = "https://ik.imagekit.io/sdktestingik" > .env;
          echo VUE_APP_PUBLIC_KEY = ${{ secrets.ik_public_key }} >> .env;
          echo VUE_APP_AUTHENTICATION_ENDPOINT = 'http://localhost:3001/auth' >> .env;
          cat .env
          npm install 
          npm run build
          cd server
          echo VUE_APP_PRIVATE_KEY = ${{ secrets.ik_private_key }} > .env;
          cat .env
          npm install

      - name: Start the app for Cypress
        timeout-minutes: 5
        run: |
          npm run start:test-app > /dev/null 2>&1 &
          echo "App started successfully"
          npx wait-on http://localhost:3000
          npx wait-on http://localhost:3001
          echo "App is ready"
      
      - name: Check the app for Cypress
        timeout-minutes: 5
        run: |
          lsof -i :3000
          lsof -i :3001
      
      - name: Run Cypress tests
        run: npx cypress run --headed --browser chrome

      # - name: Start the app and run E2E tests
      #   uses: cypress-io/github-action@v4
      #   with:
      #     wait-on: https://blessed-monthly-mongoose.ngrok-free.app
      #   env:
      #     DEBUG: 'cypress:server:browsers:electron'
      #     CI: true
      #     VUE_APP_PUBLIC_KEY: ${{ secrets.ik_public_key }}
      #     VUE_APP_PRIVATE_KEY: ${{ secrets.ik_private_key }}
      #     VUE_APP_URL_ENDPOINT: "https://ik.imagekit.io/sdktestingik"
      #     VUE_APP_AUTHENTICATION_ENDPOINT: http://localhost:3001/auth