refactor!: apply width: 100% and remove flex value in grid
#14497
This file contains hidden or 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: Visual tests | |
| on: | |
| pull_request: | |
| types: [opened, synchronize, reopened] | |
| permissions: | |
| contents: read | |
| env: | |
| _HEAD_SHA: ${{ github.event.pull_request.head.sha }} | |
| PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1 | |
| jobs: | |
| base: | |
| environment: ${{ github.event.pull_request.head.repo.fork && 'PR-validation' || '' }} | |
| name: Base | |
| runs-on: ubuntu-latest | |
| if: github.repository_owner == 'vaadin' | |
| container: | |
| image: mcr.microsoft.com/playwright:v1.56.0-noble | |
| options: --ipc=host | |
| steps: | |
| - uses: actions/checkout@v6 | |
| with: | |
| fetch-depth: '0' | |
| ref: ${{ env._HEAD_SHA }} | |
| - name: Fetch origin/main | |
| run: | | |
| git config --global --add safe.directory $GITHUB_WORKSPACE | |
| git fetch origin main | |
| - name: Cache node_modules | |
| uses: actions/cache@v4 | |
| with: | |
| path: node_modules | |
| key: ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }} | |
| - name: Install Dependencies | |
| run: yarn --frozen-lockfile --no-progress --non-interactive | |
| - name: Visual tests | |
| uses: nick-fields/retry@v3 | |
| with: | |
| timeout_minutes: 20 | |
| retry_wait_seconds: 60 | |
| max_attempts: 3 | |
| command: yarn test --config web-test-runner-base.config.js | |
| - uses: actions/upload-artifact@v6 | |
| if: ${{ failure() }} | |
| with: | |
| name: base-screenshots | |
| path: | | |
| packages/*/test/visual/base/screenshots/*/failed/*.png | |
| lumo: | |
| environment: ${{ github.event.pull_request.head.repo.fork && 'PR-validation' || '' }} | |
| name: Lumo | |
| runs-on: ubuntu-latest | |
| if: github.repository_owner == 'vaadin' | |
| container: | |
| image: mcr.microsoft.com/playwright:v1.56.0-noble | |
| options: --ipc=host | |
| steps: | |
| - uses: actions/checkout@v6 | |
| with: | |
| fetch-depth: '0' | |
| ref: ${{ env._HEAD_SHA }} | |
| - name: Fetch origin/main | |
| run: | | |
| git config --global --add safe.directory $GITHUB_WORKSPACE | |
| git fetch origin main | |
| - name: Cache node_modules | |
| uses: actions/cache@v4 | |
| with: | |
| path: node_modules | |
| key: ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }} | |
| - name: Install Dependencies | |
| run: yarn --frozen-lockfile --no-progress --non-interactive | |
| - name: Visual tests | |
| uses: nick-fields/retry@v3 | |
| with: | |
| timeout_minutes: 20 | |
| retry_wait_seconds: 60 | |
| max_attempts: 3 | |
| command: yarn test --config web-test-runner-lumo.config.js | |
| - uses: actions/upload-artifact@v6 | |
| if: ${{ failure() }} | |
| with: | |
| name: lumo-screenshots | |
| path: | | |
| packages/*/test/visual/lumo/screenshots/*/failed/*.png | |
| packages/vaadin-lumo-styles/test/visual/screenshots/failed/*.png | |
| aura: | |
| environment: ${{ github.event.pull_request.head.repo.fork && 'PR-validation' || '' }} | |
| name: Aura | |
| runs-on: ubuntu-latest | |
| if: github.repository_owner == 'vaadin' | |
| container: | |
| image: mcr.microsoft.com/playwright:v1.56.0-noble | |
| options: --ipc=host | |
| steps: | |
| - uses: actions/checkout@v6 | |
| with: | |
| fetch-depth: '0' | |
| ref: ${{ env._HEAD_SHA }} | |
| - name: Fetch origin/main | |
| run: | | |
| git config --global --add safe.directory $GITHUB_WORKSPACE | |
| git fetch origin main | |
| - name: Cache node_modules | |
| uses: actions/cache@v4 | |
| with: | |
| path: node_modules | |
| key: ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }} | |
| - name: Install Dependencies | |
| run: yarn --frozen-lockfile --no-progress --non-interactive | |
| - name: Visual tests (default) | |
| uses: nick-fields/retry@v3 | |
| with: | |
| timeout_minutes: 20 | |
| retry_wait_seconds: 60 | |
| max_attempts: 3 | |
| command: yarn test --config web-test-runner-aura.config.js | |
| - name: Visual tests (dark) | |
| uses: nick-fields/retry@v3 | |
| with: | |
| timeout_minutes: 20 | |
| retry_wait_seconds: 60 | |
| max_attempts: 3 | |
| command: yarn test --config web-test-runner-aura.config.js --dark | |
| - uses: actions/upload-artifact@v6 | |
| if: ${{ failure() }} | |
| with: | |
| name: aura-screenshots | |
| path: | | |
| packages/*/test/visual/aura/screenshots/dark/*/failed/*.png | |
| packages/*/test/visual/aura/screenshots/default/*/failed/*.png |