openreplay/.github/workflows/ui-tests.js.yml
Delirium 622a87e6b2
change(ui): adjust tests, add more browsers, cache and upload video on fail (#955)
* change(ui): adjust mob waiting timings...

* change(ui): adjust wait times for page render

* change(ui): adjust wait times for page render

* change(ui): adjust wait times for page render

* change(ui): adjust images

* change(ui): adjust images

* change(ui): adjust images

* change(ui): adjust timings

* change(ui): adjust timings

* change(ui): adjust timings

* change(ui): rm slack msg

* change(ui): fix cache
2023-01-23 16:38:06 +01:00

93 lines
No EOL
2.9 KiB
YAML

# Checking unit and visual tests locally on every merge rq to dev and main
name: Frontend tests
on:
workflow_dispatch:
push:
branches: [ "main" ]
paths:
- frontend/**
pull_request:
branches: [ "dev", "main" ]
paths:
- frontend/**
env:
API: ${{ secrets.E2E_API_ORIGIN }}
ASSETS: ${{ secrets.E2E_ASSETS_ORIGIN }}
APIEDP: ${{ secrets.E2E_EDP_ORIGIN }}
CY_ACC: ${{ secrets.CYPRESS_ACCOUNT }}
CY_PASS: ${{ secrets.CYPRESS_PASSWORD }}
jobs:
build:
runs-on: ubuntu-22.04
name: Visual Testing
defaults:
run:
working-directory: ./frontend
strategy:
matrix:
node-version: [16.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
steps:
- uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
- name: Cache node modules
uses: actions/cache@v1
with:
path: frontend/node_modules
key: ${{ runner.OS }}-build-${{ hashFiles('**/yarn.lock') }}
restore-keys: |
${{ runner.OS }}-build-
${{ runner.OS }}-
- name: Setup env
run: |
echo "NODE_ENV=development" >> .env
echo "SOURCEMAP=true" >> .env
echo "ORIGIN=$API" >> .env
echo "ASSETS_HOST=$ASSETS" >> .env
echo "API_EDP=$APIEDP" >> .env
echo "SENTRY_ENABLED = false" >> .env
echo "SENTRY_URL = ''" >> .env
echo "CAPTCHA_ENABLED = false" >> .env
echo "CAPTCHA_SITE_KEY = 'asdad'" >> .env
echo "MINIO_ENDPOINT = ''" >> .env
echo "MINIO_PORT = ''" >> .env
echo "MINIO_USE_SSL = ''" >> .env
echo "MINIO_ACCESS_KEY = ''" >> .env
echo "MINIO_SECRET_KEY = ''" >> .env
echo "VERSION = '1.9.0'" >> .env
echo "TRACKER_VERSION = '4.0.0'" >> .env
echo "COMMIT_HASH = 'dev'" >> .env
echo "{ \"account\": \"$CY_ACC\", \"password\": \"$CY_PASS\" }" >> cypress.env.json
- name: Setup packages
run: |
npm i -g yarn
yarn
- name: Run unit tests
run: yarn test
- name: Run Frontend
run: yarn start &> server.log &
- name: Wait for frontend
run: npx wait-on http://0.0.0.0:3333
- name: (Chrome) Run visual tests
run: yarn cy:test
# firefox have different viewport somehow
# - name: (Firefox) Run visual tests
# run: yarn cy:test-firefox
- name: (Edge) Run visual tests
run: yarn cy:test-edge
- name: Upload Debug
if: ${{ failure() }}
uses: actions/upload-artifact@v3
with:
name: 'Snapshots'
path: |
frontend/cypress/videos
frontend/cypress/snapshots/replayer.cy.ts
frontend/cypress/screenshots
frontend/cypress/snapshots/generalStability.cy.ts