From fcbb39516be2a39d7aad3befa8c095e28f9bedf3 Mon Sep 17 00:00:00 2001 From: Nikita Barsukov Date: Wed, 2 Oct 2024 16:17:36 +0300 Subject: [PATCH] ci: merge `e2e-cypress.yml` & `e2e-playwright.yml` into `e2e.yml` --- .github/workflows/e2e-cypress.yml | 60 ---------------- .../workflows/{e2e-playwright.yml => e2e.yml} | 70 +++++++++++++++++-- .../components/chip/examples/4/index.html | 2 +- scripts/visual-testing/combine-snapshots.ts | 4 +- 4 files changed, 68 insertions(+), 68 deletions(-) delete mode 100644 .github/workflows/e2e-cypress.yml rename .github/workflows/{e2e-playwright.yml => e2e.yml} (66%) diff --git a/.github/workflows/e2e-cypress.yml b/.github/workflows/e2e-cypress.yml deleted file mode 100644 index cdf9de300fa7..000000000000 --- a/.github/workflows/e2e-cypress.yml +++ /dev/null @@ -1,60 +0,0 @@ -name: ⚙️ Cypress component testing -on: - pull_request: - -env: - CYPRESS_BASELINE_REPO: 'baseline' - CYPRESS_RESULTS_FOLDER: 'projects/demo-cypress/tests-results' - CYPRESS_BASELINE_SNAPSHOTS: 'projects/demo-cypress/tests-results/snapshots/baseline' - -jobs: - cypress: - runs-on: ubuntu-latest - name: Component testing result - steps: - - uses: actions/checkout@v4.2.0 - - uses: actions/checkout@v4.2.0 - with: - ref: ${{ github.base_ref }} - path: ${{ env.CYPRESS_BASELINE_REPO }} - - uses: taiga-family/ci/actions/setup/variables@v1.92.0 - - uses: taiga-family/ci/actions/setup/node@v1.92.0 - - - name: Share node_modules between current and baseline repos - run: | - cp -r node_modules ${{ env.CYPRESS_BASELINE_REPO }}/node_modules - tree -d -L 1 - tree -d ${{ env.CYPRESS_BASELINE_REPO }} -L 1 - - - name: Run tests for baseline state - run: | - cd ${{ env.CYPRESS_BASELINE_REPO }} - npx nx component-test demo-cypress - cd ../ - mkdir -p ${{ env.CYPRESS_BASELINE_SNAPSHOTS }} && cp -r ${{ env.CYPRESS_BASELINE_REPO }}/${{env.CYPRESS_BASELINE_SNAPSHOTS }}/. ${{ env.CYPRESS_BASELINE_SNAPSHOTS }} - rm -r ${{ env.CYPRESS_BASELINE_REPO }} - - - name: Run tests for current state - run: npx nx component-test demo-cypress - - - name: Prepare diff screenshots - run: | - npm install canvas - npx ts-node ./scripts/visual-testing/combine-cypress-failed-screenshots.ts - - - name: Debug output - continue-on-error: true - run: tree ${{ env.CYPRESS_RESULTS_FOLDER }} -L 1 - - - name: Upload artifacts - uses: actions/upload-artifact@v4.4.0 - with: - path: '${{ env.CYPRESS_RESULTS_FOLDER }}/**/*.diff.png' - name: ${{ env.CYPRESS_SNAPSHOTS_ARTIFACTS_KEY }} - if-no-files-found: ignore - compression-level: 0 - retention-days: 1 - -concurrency: - group: ${{ github.workflow }}-${{ github.ref }} - cancel-in-progress: true diff --git a/.github/workflows/e2e-playwright.yml b/.github/workflows/e2e.yml similarity index 66% rename from .github/workflows/e2e-playwright.yml rename to .github/workflows/e2e.yml index 491f19103a33..3716750c9ae4 100644 --- a/.github/workflows/e2e-playwright.yml +++ b/.github/workflows/e2e.yml @@ -1,7 +1,12 @@ -name: ⚙️ Playwright E2E testing +name: ⚙️ E2E testing on: pull_request: +env: + CYPRESS_BASELINE_REPO: 'baseline' + CYPRESS_RESULTS_FOLDER: 'projects/demo-cypress/tests-results' + CYPRESS_BASELINE_SNAPSHOTS: 'projects/demo-cypress/tests-results/snapshots/baseline' + jobs: build-demo: if: ${{ !contains(github.head_ref , 'release/') }} @@ -25,6 +30,53 @@ jobs: path: dist/demo key: ${{ env.CACHE_DIST_KEY }} + cypress: + runs-on: ubuntu-latest + name: Cypress / Component Testing + steps: + - uses: actions/checkout@v4.2.0 + - uses: actions/checkout@v4.2.0 + with: + ref: ${{ github.base_ref }} + path: ${{ env.CYPRESS_BASELINE_REPO }} + - uses: taiga-family/ci/actions/setup/variables@v1.93.0 + - uses: taiga-family/ci/actions/setup/node@v1.93.0 + + - name: Share node_modules between current and baseline repos + run: | + cp -r node_modules ${{ env.CYPRESS_BASELINE_REPO }}/node_modules + tree -d -L 1 + tree -d ${{ env.CYPRESS_BASELINE_REPO }} -L 1 + + - name: Run tests for baseline state + run: | + cd ${{ env.CYPRESS_BASELINE_REPO }} + npx nx component-test demo-cypress + cd ../ + mkdir -p ${{ env.CYPRESS_BASELINE_SNAPSHOTS }} && cp -r ${{ env.CYPRESS_BASELINE_REPO }}/${{env.CYPRESS_BASELINE_SNAPSHOTS }}/. ${{ env.CYPRESS_BASELINE_SNAPSHOTS }} + rm -r ${{ env.CYPRESS_BASELINE_REPO }} + + - name: Run tests for current state + run: npx nx component-test demo-cypress + + - name: Prepare diff screenshots + run: | + npm install canvas + npx ts-node ./scripts/visual-testing/combine-cypress-failed-screenshots.ts + + - name: Debug output + continue-on-error: true + run: tree ${{ env.CYPRESS_RESULTS_FOLDER }} -L 1 + + - name: Upload artifacts + uses: actions/upload-artifact@v4.4.0 + with: + path: '${{ env.CYPRESS_RESULTS_FOLDER }}/**/*.diff.png' + name: ${{ env.CYPRESS_SNAPSHOTS_ARTIFACTS_KEY }} + if-no-files-found: ignore + compression-level: 0 + retention-days: 1 + playwright: if: ${{ !contains(github.head_ref , 'release/') }} runs-on: ubuntu-latest @@ -34,7 +86,7 @@ jobs: matrix: shardIndex: [1, 2, 3, 4, 5, 6, 7, 8, 9] shardTotal: [9] - name: playwright / (${{ matrix.shardIndex }} of ${{ matrix.shardTotal }}) + name: Playwright / (${{ matrix.shardIndex }} of ${{ matrix.shardTotal }}) steps: - uses: actions/checkout@v4.2.0 - uses: taiga-family/ci/actions/setup/variables@v1.93.0 @@ -74,6 +126,7 @@ jobs: - name: Combine images to get diff reports run: | npm install canvas + npm view canvas version npx ts-node ./scripts/visual-testing/combine-playwright-failed-screenshots.ts - name: Debug output @@ -112,13 +165,13 @@ jobs: result: if: ${{ !contains(github.head_ref , 'release/') }} name: E2E result - needs: [playwright] + needs: [playwright, cypress] runs-on: ubuntu-latest steps: - uses: actions/checkout@v4.2.0 - uses: taiga-family/ci/actions/setup/variables@v1.93.0 - - name: Download artifacts / ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }} + - name: Download artifacts for Playwright continue-on-error: true uses: actions/download-artifact@v4.1.8 with: @@ -127,6 +180,15 @@ jobs: merge-multiple: true - run: ls -R ./total/playwright || echo "not found" + - name: Download artifacts for Cypress + continue-on-error: true + uses: actions/download-artifact@v4.1.8 + with: + path: ./total/cypress + pattern: ${{ env.CYPRESS_SNAPSHOTS_ARTIFACTS_KEY }} + merge-multiple: true + - run: ls -R ./total/cypress || echo "not found" + - name: Check if diff-output exists id: diff_checker run: | diff --git a/projects/demo/src/modules/components/chip/examples/4/index.html b/projects/demo/src/modules/components/chip/examples/4/index.html index 190f7ac64bcd..4cb4a07097b7 100644 --- a/projects/demo/src/modules/components/chip/examples/4/index.html +++ b/projects/demo/src/modules/components/chip/examples/4/index.html @@ -3,7 +3,7 @@ class="fade" >
Very long value in chip
-
{{ 123456 | tuiAmount: 'RUB' | async }}
+
{{ 123000 | tuiAmount: 'RUB' | async }}
{ - console.info('canvas:', version); - const images = await Promise.all(imagesPaths.map(loadImage)); const totalWidth = images.reduce((acc: number, {width}) => acc + width, 0); const maxHeight = Math.max(...images.map(({height}) => height));