fix(experimental): Fade fix mask-position
#11026
Workflow file for this run
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: ⚙️ E2E tests | |
| on: | |
| pull_request: | |
| env: | |
| CYPRESS_failOnSnapshotDiff: 0 | |
| PLAYWRIGHT_SNAPSHOTS_PATH: ./projects/demo-playwright/tests-results | |
| CYPRESS_SNAPSHOTS_PATH: ./projects/demo-cypress/cypress/snapshots | |
| jobs: | |
| build-demo: | |
| if: ${{ !contains(github.head_ref , 'release/') }} | |
| name: Build demo | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| with: | |
| fetch-depth: 10 | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - uses: taiga-family/ci/actions/run/[email protected] | |
| continue-on-error: true | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - name: Building demo-app of git-branch without cache | |
| run: npx nx build demo -c next --output-path ${{ env.DIST }} | |
| - name: Upload cache / ${{ env.CACHE_DIST_KEY }} | |
| uses: actions/cache/[email protected] | |
| with: | |
| path: dist/demo | |
| key: ${{ env.CACHE_DIST_KEY }} | |
| cypress: | |
| if: ${{ !contains(github.head_ref , 'release/') }} | |
| needs: [build-demo] | |
| runs-on: ubuntu-latest | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| project: [core, deep, kit] | |
| name: ${{ matrix.project }} | |
| steps: | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - name: Download cache / ${{ env.CACHE_DIST_KEY }} | |
| uses: actions/cache/[email protected] | |
| with: | |
| path: dist/demo | |
| key: ${{ env.CACHE_DIST_KEY }} | |
| - name: Serve ${{ env.DIST }} in background | |
| run: npx nx serve-compiled demo --path ${{ env.DIST }} --port ${{ env.NG_SERVER_PORT }} | |
| - name: Run screenshot tests on ${{ env.DIST }} | |
| run: npx nx e2e demo-cypress --folder ${{ matrix.project }} | |
| - name: Clean up resources | |
| run: npx kill-port --port ${{ env.NG_SERVER_PORT }} | |
| - name: Download ${{ env.DIST_NEXT }} for serve locally | |
| run: | | |
| git clone \ | |
| --depth 1 \ | |
| --branch snapshots/demo/next/${{ github.base_ref }} \ | |
| https://github.com/taiga-family/taiga-ui.git ${{ env.DIST_NEXT }} | |
| - name: Serve ${{ env.DIST_NEXT }} in background | |
| run: npx nx serve-compiled demo --path ${{ env.DIST_NEXT }} --port ${{ env.NG_SERVER_PORT }} | |
| - name: Run screenshot tests on ${{ env.DIST_NEXT }} | |
| continue-on-error: true | |
| run: npx nx e2e demo-cypress --folder ${{ matrix.project }} | |
| - name: Clean up resources | |
| run: npx kill-port --port ${{ env.NG_SERVER_PORT }} | |
| - name: Debug output | |
| continue-on-error: true | |
| run: tree ${{ env.CYPRESS_SNAPSHOTS_PATH }} | |
| - name: Upload artifacts / ${{ env.CYPRESS_SNAPSHOTS_ARTIFACTS_KEY }} | |
| uses: actions/[email protected] | |
| with: | |
| path: ${{ env.CYPRESS_SNAPSHOTS_PATH }}/**/*.diff.png | |
| name: ${{ env.CYPRESS_SNAPSHOTS_ARTIFACTS_KEY }} | |
| if-no-files-found: ignore | |
| retention-days: 1 | |
| playwright: | |
| if: ${{ !contains(github.head_ref , 'release/') }} | |
| runs-on: ubuntu-latest | |
| needs: [build-demo] | |
| env: | |
| max_parallel: 4 | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| shard: [1, 2, 3, 4] | |
| name: playwright / (${{ matrix.shard }} of 4) | |
| steps: | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - name: Install Playwright Browsers | |
| run: npx playwright install --with-deps chromium | |
| - name: Download cache / ${{ env.CACHE_DIST_KEY }} | |
| uses: actions/cache/[email protected] | |
| with: | |
| path: dist/demo | |
| key: ${{ env.CACHE_DIST_KEY }} | |
| - name: Serve ${{ env.DIST }} in background | |
| run: npx nx serve-compiled demo --path ${{ env.DIST }} --port ${{ env.NG_SERVER_PORT }} | |
| - name: Run screenshot tests on ${{ env.DIST }} | |
| run: npx nx e2e demo-playwright -- --update-snapshots --shard=${{ matrix.shard }}/${{ env.max_parallel }} | |
| - name: Clean up resources | |
| run: npx kill-port --port ${{ env.NG_SERVER_PORT }} | |
| - name: Download ${{ env.DIST_NEXT }} for serve locally | |
| run: | | |
| git clone \ | |
| --depth 1 \ | |
| --branch snapshots/demo/next/${{ github.base_ref }} \ | |
| https://github.com/taiga-family/taiga-ui.git ${{ env.DIST_NEXT }} | |
| - name: Serve ${{ env.DIST_NEXT }} in background | |
| run: npx nx serve-compiled demo --path ${{ env.DIST_NEXT }} --port ${{ env.NG_SERVER_PORT }} | |
| - name: Run screenshot tests on ${{ env.DIST_NEXT }} | |
| continue-on-error: true | |
| run: npx nx e2e demo-playwright --shard=${{ matrix.shard }}/${{ env.max_parallel }} | |
| - name: Clean up resources | |
| run: npx kill-port --port ${{ env.NG_SERVER_PORT }} | |
| - name: Combine images to get diff reports | |
| run: | | |
| npm install canvas | |
| npx ts-node ./scripts/combine-playwright-failed-screenshots.ts | |
| - name: Debug output | |
| continue-on-error: true | |
| run: tree ${{ env.PLAYWRIGHT_SNAPSHOTS_PATH }} | |
| - name: Upload artifacts / ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }} | |
| uses: actions/[email protected] | |
| with: | |
| path: ${{ env.PLAYWRIGHT_SNAPSHOTS_PATH }}/**/*.diff.png | |
| name: ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }} | |
| if-no-files-found: ignore | |
| retention-days: 1 | |
| result: | |
| if: ${{ !contains(github.head_ref , 'release/') }} | |
| name: E2E result | |
| needs: [cypress, playwright] | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - uses: taiga-family/ci/actions/setup/[email protected] | |
| - name: Download artifacts / ${{ env.CYPRESS_SNAPSHOTS_ARTIFACTS_KEY }} | |
| continue-on-error: true | |
| uses: actions/[email protected] | |
| with: | |
| name: ${{ env.CYPRESS_SNAPSHOTS_ARTIFACTS_KEY }} | |
| path: ./total/cypress | |
| - name: Download artifacts / ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }} | |
| continue-on-error: true | |
| uses: actions/[email protected] | |
| with: | |
| name: ${{ env.PLAYWRIGHT_SNAPSHOTS_ARTIFACTS_KEY }} | |
| path: ./total/playwright | |
| - name: Check if diff-output exists | |
| id: diff-checker | |
| run: | | |
| echo "diff_exist=$(find ./total -regex '.*diff\.png$' | wc -l | sed -e 's/^[[:space:]]*//')" >> $GITHUB_OUTPUT | |
| - name: Fall with an error if diff-output exists | |
| if: ${{ steps.diff-checker.outputs.diff_exist != '0' }} | |
| run: | | |
| find ./total -regex '.*diff\.png$' -exec echo "{}" \; | |
| exit 1 | |
| concurrency: | |
| group: e2e-${{ github.workflow }}-${{ github.ref }} | |
| cancel-in-progress: true |