diff --git a/.github/workflows/continuous.yml b/.github/workflows/continuous.yml index a5c2641929..25381183d5 100644 --- a/.github/workflows/continuous.yml +++ b/.github/workflows/continuous.yml @@ -11,85 +11,208 @@ concurrency: cancel-in-progress: true jobs: - build: - name: ๐Ÿ—๏ธ Lint, Test & Build - runs-on: ubuntu-latest - timeout-minutes: 15 - env: - HUSKY: 0 - steps: - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - - uses: ./.github/workflows/actions/build - with: - build: true - token: ${{ secrets.GITHUB_TOKEN }} + # build: + # name: ๐Ÿ—๏ธ Lint, Test & Build + # runs-on: ubuntu-latest + # timeout-minutes: 15 + # env: + # HUSKY: 0 + # steps: + # - uses: actions/checkout@v4 + # with: + # fetch-depth: 0 + # - uses: ./.github/workflows/actions/build + # with: + # build: true + # token: ${{ secrets.GITHUB_TOKEN }} - e2e-components: - name: ๐Ÿงช Component Tests - runs-on: ubuntu-22.04 - timeout-minutes: 30 - env: - HUSKY: 0 - needs: [build] - steps: - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - - uses: ./.github/workflows/actions/setup - - uses: ./.github/workflows/actions/e2e-setup - - uses: ./.github/workflows/actions/e2e-components + # e2e-components: + # name: ๐Ÿงช Component Tests + # runs-on: ubuntu-22.04 + # timeout-minutes: 30 + # env: + # HUSKY: 0 + # needs: [build] + # steps: + # - uses: actions/checkout@v4 + # with: + # fetch-depth: 0 + # - uses: ./.github/workflows/actions/setup + # - uses: ./.github/workflows/actions/e2e-setup + # - uses: ./.github/workflows/actions/e2e-components + + # e2e-visual: + # name: ๐Ÿงช E2E Tests + # runs-on: ubuntu-22.04 + # timeout-minutes: 30 + # env: + # HUSKY: 0 + # needs: [build] + # strategy: + # fail-fast: false + # matrix: + # containers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] + # steps: + # - uses: actions/checkout@v4 + # with: + # fetch-depth: 0 + # - uses: ./.github/workflows/actions/setup + # - uses: ./.github/workflows/actions/e2e-setup + # - uses: ./.github/workflows/actions/e2e-visual + + # angular: + # name: ๐Ÿงช Angular Tests + # runs-on: ubuntu-22.04 + # timeout-minutes: 30 + # env: + # HUSKY: 0 + # strategy: + # fail-fast: false + # matrix: + # apps: [v18, v19, v20] + # needs: [build] + # steps: + # - uses: actions/checkout@v4 + # with: + # fetch-depth: 0 + # - uses: ./.github/workflows/actions/setup + # - uses: ./.github/workflows/actions/framework-setup + # with: + # app: ${{ matrix.apps }} + # - uses: ./.github/workflows/actions/framework-build + # with: + # app: ${{ matrix.apps }} + # framework: angular + # - uses: ./.github/workflows/actions/framework-test + # with: + # app: ${{ matrix.apps }} + # framework: angular - e2e-visual: - name: ๐Ÿงช E2E Tests + # react: + # name: ๐Ÿงช React Tests + # runs-on: ubuntu-22.04 + # timeout-minutes: 30 + # env: + # HUSKY: 0 + # strategy: + # fail-fast: false + # matrix: + # apps: [v19] + # needs: [build] + # steps: + # - uses: actions/checkout@v4 + # with: + # fetch-depth: 0 + # - uses: ./.github/workflows/actions/setup + # - uses: ./.github/workflows/actions/framework-setup + # with: + # app: ${{ matrix.apps }} + # - uses: ./.github/workflows/actions/framework-build + # with: + # app: ${{ matrix.apps }} + # framework: react + # - uses: ./.github/workflows/actions/framework-test + # with: + # app: ${{ matrix.apps }} + # framework: react + + assembleInformation: + name: ๐Ÿ“ Assemble Information runs-on: ubuntu-22.04 timeout-minutes: 30 env: HUSKY: 0 - needs: [build] - strategy: - fail-fast: false - matrix: - containers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] + CI: true + outputs: + action: ${{ steps.action.outputs.url }} + branch: ${{ steps.branch.outputs.branch }} steps: - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - - uses: ./.github/workflows/actions/setup - - uses: ./.github/workflows/actions/e2e-setup - - uses: ./.github/workflows/actions/e2e-visual + - name: Get Action URL + id: action + run: | + echo "url=https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}" >> $GITHUB_OUTPUT + + - name: Get Branch Name + id: branch + # Determine branch reliably from the event payload. + # - For pull_request events use github.head_ref (the source branch name) + # - For push events parse GITHUB_REF (refs/heads/) + run: | + if [ "${{ github.event_name }}" = "pull_request" ]; then + echo "branch=${{ github.head_ref }}" >> $GITHUB_OUTPUT + else + # strip refs/heads/ prefix + BRANCH_NAME=${GITHUB_REF#refs/heads/} + echo "branch=$BRANCH_NAME" >> $GITHUB_OUTPUT + fi playwright: name: ๐ŸŽญ Playwright runs-on: ubuntu-22.04 timeout-minutes: 30 + needs: [assembleInformation] env: HUSKY: 0 CI: 1 container: image: mcr.microsoft.com/playwright:v1.50.1-noble options: --user 1001 + strategy: + fail-fast: false + matrix: + shardIndex: [1, 2, 3, 4, 5, 6] # six parallel jobs + shardTotal: [6] # total 6 shards steps: + - name: Show inputs from previous job + run: | + echo "Branch from previous job: ${{ needs.assembleInformation.outputs.branch }}" + echo "Action: ${{ needs.assembleInformation.outputs.action }}" + - uses: actions/checkout@v4 with: + ref: ${{ needs.assembleInformation.outputs.branch }} token: ${{ secrets.PRE_RELEASE_GITHUB_TOKEN }} fetch-depth: 0 - ref: ${{ github.head_ref }} - - uses: ./.github/workflows/actions/setup + - name: Install pnpm + uses: pnpm/action-setup@v4 + with: + version: 10 + + - name: Setup Node + uses: actions/setup-node@v4 + with: + node-version: 20 + cache: 'pnpm' # optional helper - - name: Clean Install - run: npm ci + - name: Get pnpm store path + id: pnpm-store + run: echo "PNPM_STORE=$(pnpm store path --silent)" >> $GITHUB_ENV + + - name: Cache pnpm store + uses: actions/cache@v4 + with: + path: ${{ env.PNPM_STORE }} + key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}-${{ hashFiles('**/package.json') }} + restore-keys: | + ${{ runner.os }}-pnpm-store- + + - name: Install dependencies + run: pnpm install --frozen-lockfile - name: Build Core run: npx nx run core:build + env: + BAL_PLAYWRIGHT_TESTING: 'true' - name: Run Playwright tests - run: npx nx run core:e2e - # run: npx nx run core:e2e-update-screenshots + run: npx nx run core:ci-e2e -- --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }} + # run: npx nx run core:ci-e2e -- --update-snapshots + env: + BAL_PLAYWRIGHT_TESTING: 'true' # - name: Commit snapshots + # if: always() # uses: EndBug/add-and-commit@v9 # with: # message: 'update snapshots' @@ -100,62 +223,6 @@ jobs: if: always() uses: actions/upload-artifact@v4 with: - name: playwright-report + name: playwright-report-shard-${{ matrix.shardIndex }} path: packages/core/playwright-report retention-days: 7 - - angular: - name: ๐Ÿงช Angular Tests - runs-on: ubuntu-22.04 - timeout-minutes: 30 - env: - HUSKY: 0 - strategy: - fail-fast: false - matrix: - apps: [v18, v19, v20] - needs: [build] - steps: - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - - uses: ./.github/workflows/actions/setup - - uses: ./.github/workflows/actions/framework-setup - with: - app: ${{ matrix.apps }} - - uses: ./.github/workflows/actions/framework-build - with: - app: ${{ matrix.apps }} - framework: angular - - uses: ./.github/workflows/actions/framework-test - with: - app: ${{ matrix.apps }} - framework: angular - - react: - name: ๐Ÿงช React Tests - runs-on: ubuntu-22.04 - timeout-minutes: 30 - env: - HUSKY: 0 - strategy: - fail-fast: false - matrix: - apps: [v19] - needs: [build] - steps: - - uses: actions/checkout@v4 - with: - fetch-depth: 0 - - uses: ./.github/workflows/actions/setup - - uses: ./.github/workflows/actions/framework-setup - with: - app: ${{ matrix.apps }} - - uses: ./.github/workflows/actions/framework-build - with: - app: ${{ matrix.apps }} - framework: react - - uses: ./.github/workflows/actions/framework-test - with: - app: ${{ matrix.apps }} - framework: react diff --git a/.github/workflows/pr-comment.yml b/.github/workflows/pr-comment.yml index ca3e748b67..c3b341499b 100644 --- a/.github/workflows/pr-comment.yml +++ b/.github/workflows/pr-comment.yml @@ -121,157 +121,6 @@ jobs: - name: Git Reset run: git reset --hard - visual: - name: ๐Ÿ“ธ Create Base Image - if: github.event.issue.pull_request && contains(github.event.comment.body, '/create-base-image') - runs-on: ubuntu-latest - timeout-minutes: 15 - steps: - - name: Get Action URL - id: action-url - run: echo "url=https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}" >> $GITHUB_OUTPUT - - - name: Check for /create-base-image command - uses: actions/github-script@v7 - id: command - with: - github-token: ${{ secrets.GITHUB_TOKEN }} - result-encoding: string - script: | - const comment = context.payload.comment.body.trim(); - const regex = /\/create-base-image(?:\s+(.*))?/; - if (regex.test(comment)) { - const match = comment.match(regex); - const imageName = match[1] ? match[1].trim() : ''; - if(imageName !== ''){ - return imageName - } - return 'all' - } - return 'none' - - - name: Filter specs - uses: actions/github-script@v7 - id: specs - with: - github-token: ${{ secrets.GITHUB_TOKEN }} - result-encoding: string - script: | - const comment = context.payload.comment.body.trim(); - const regex = /\/create-base-image(?:\s+(.*))?/; - if (regex.test(comment)) { - const match = comment.match(regex); - const imageName = match[1] ? match[1].trim() : ''; - if(imageName !== ''){ - return imageName.split(',').map(v => `cypress/e2e/visual/${v}`); - } - return 'all' - } - return 'none' - - - name: Get results - run: | - echo "${{ steps.command.outputs.result }}" - echo "${{ steps.specs.outputs.result }}" - - - name: Create comment - uses: peter-evans/create-or-update-comment@v4 - with: - comment-id: ${{ github.event.comment.id }} - edit-mode: replace - body: | - **๐Ÿ“ธ Create Base Image in Progress...** - - Specs: `${{ steps.command.outputs.result }}` - - [Check out the action on GitHub โ†—๏ธŽ](${{ steps.action-url.outputs.url }}) - - - name: Get Branch Name - id: get-branch - run: | - COMMITS_URL="${{ github.event.issue.pull_request.url }}" - BRANCH=$(curl -s -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" $COMMITS_URL | jq -r '.head.ref') - echo "branch=$BRANCH" >> $GITHUB_OUTPUT - - - uses: actions/checkout@v4 - with: - ref: ${{ steps.get-branch.outputs.branch }} - token: ${{ secrets.PRE_RELEASE_GITHUB_TOKEN }} - fetch-depth: 0 - - - uses: ./.github/workflows/actions/e2e-build - with: - build: true - token: ${{ secrets.GITHUB_TOKEN }} - - - name: Run All Cypress - if: steps.specs.outputs.result == 'all' - uses: cypress-io/github-action@v6 - with: - start: node ./web-server.js - wait-on: 'http://localhost:3333' - working-directory: e2e - install: false - browser: chrome - env: - CYPRESS_visualRegressionType: base - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - - - name: Run Cypress by files - if: steps.specs.outputs.result != 'all' && steps.specs.outputs.result != 'none' - uses: cypress-io/github-action@v6 - with: - start: node ./web-server.js - wait-on: 'http://localhost:3333' - working-directory: e2e - install: false - browser: chrome - spec: ${{ steps.specs.outputs.result }} - env: - CYPRESS_visualRegressionType: base - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} - - - name: Upload snapshots - uses: actions/upload-artifact@v4 - if: failure() - with: - name: cypress-snapshots - path: e2e/cypress/snapshots - - - name: Commit base images - if: success() - uses: EndBug/add-and-commit@v9 - with: - message: 'update base images' - env: - GITHUB_TOKEN: ${{ secrets.PRE_RELEASE_GITHUB_TOKEN }} - - - name: Create comment - if: success() - uses: peter-evans/create-or-update-comment@v4 - with: - comment-id: ${{ github.event.comment.id }} - edit-mode: replace - body: | - **๐Ÿ“ธ Create Base Image finished!** - - Specs: `${{ steps.command.outputs.result }}` - - [Check out the action on GitHub โ†—๏ธŽ](${{ steps.action-url.outputs.url }}) - - - name: Create comment - if: failure() - uses: peter-evans/create-or-update-comment@v4 - with: - comment-id: ${{ github.event.comment.id }} - edit-mode: replace - body: | - **๐Ÿšจ Create Base Image Failed!** - - Specs: `${{ steps.command.outputs.result }}` - - [Check out the action on GitHub โ†—๏ธŽ](${{ steps.action-url.outputs.url }}) - assembleInformation: name: ๐Ÿ“ Assemble Information runs-on: ubuntu-22.04 diff --git a/.gitignore b/.gitignore index 8fd644926c..a3d39e9623 100644 --- a/.gitignore +++ b/.gitignore @@ -38,7 +38,6 @@ npm-debug.log yarn-error.log testem.log /typings -.npmrc # System Files .DS_Store @@ -108,6 +107,7 @@ test/angular/* !test/angular/build.sh !test/angular/start.sh playwright-report +playwright.visual.config.ts test/react/* !test/react/base diff --git a/.npmrc b/.npmrc new file mode 100644 index 0000000000..c1f6c22748 --- /dev/null +++ b/.npmrc @@ -0,0 +1,4 @@ +# pnpm configuration for monorepo +node-linker=hoisted +public-hoist-pattern[]=*@baloise/* +shamefully-hoist=true diff --git a/e2e/cypress/e2e/visual/bal-accordion.visual.cy.ts b/e2e/cypress/e2e/visual/bal-accordion.visual.cy.ts deleted file mode 100644 index aff367c4bd..0000000000 --- a/e2e/cypress/e2e/visual/bal-accordion.visual.cy.ts +++ /dev/null @@ -1,90 +0,0 @@ -describe('bal-accordion', () => { - it('basic component - desktop', () => { - cy.visit('/components/bal-accordion/test/bal-accordion.v2.visual.html') - .platform('desktop') - .waitForDesignSystem() - .wait(1000) - - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-desktop') - cy.getByTestId('basic').click() - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-desktop-open') - cy.getByTestId('basic').click() - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-desktop-closed') - }) - - it('basic component - tablet', () => { - cy.visit('/components/bal-accordion/test/bal-accordion.v2.visual.html') - .platform('tablet') - .waitForDesignSystem() - .wait(1000) - - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-tablet') - cy.getByTestId('basic').click() - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-tablet-open') - cy.getByTestId('basic').click() - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-tablet-closed') - }) - - it('basic component - mobile', () => { - cy.visit('/components/bal-accordion/test/bal-accordion.v2.visual.html') - .platform('mobile') - .waitForDesignSystem() - .wait(1000) - - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-mobile') - cy.getByTestId('basic').click() - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-mobile-open') - cy.getByTestId('basic').click() - cy.getByTestId('basic').waitForComponents() - cy.getByTestId('basic').testVisual('accordion-v2-mobile-closed') - }) - - it('stack component', () => { - cy.visit('/components/bal-accordion/test/bal-accordion.v2.stack.visual.html') - .platform('desktop') - .waitForDesignSystem() - .wait(1000) - - cy.getByTestId('stack').waitForComponents() - cy.getByTestId('stack').testVisual('accordion-v2-stack-desktop') - cy.getByTestId('stack').click() - cy.getByTestId('stack').waitForComponents() - cy.getByTestId('stack').testVisual('accordion-v2-stack-desktop-open') - cy.getByTestId('stack').click() - cy.getByTestId('stack').waitForComponents() - cy.getByTestId('stack').testVisual('accordion-v2-stack-desktop-closed') - }) - - it('text-variant component', () => { - cy.visit('/components/bal-accordion/test/bal-accordion.v2.text.visual.html') - .platform('desktop') - .waitForDesignSystem() - .wait(1000) - - cy.getByTestId('text-variant').waitForComponents() - cy.getByTestId('text-variant').testVisual('accordion-v2-text-variant-desktop') - cy.getByTestId('text-variant').click() - cy.getByTestId('text-variant').waitForComponents() - cy.getByTestId('text-variant').testVisual('accordion-v2-text-variant-desktop-open') - cy.getByTestId('text-variant').click() - cy.getByTestId('text-variant').waitForComponents() - cy.getByTestId('text-variant').testVisual('accordion-v2-text-variant-desktop-closed') - }) - - it('button component', () => { - cy.visit('/components/bal-accordion/test/bal-accordion.v2.button.visual.html') - .platform('desktop') - .waitForDesignSystem() - .wait(1000) - - cy.getByTestId('button').waitForComponents().testVisual('accordion-v2-button-desktop') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-badge.visual.cy.ts b/e2e/cypress/e2e/visual/bal-badge.visual.cy.ts deleted file mode 100644 index 9f26542e49..0000000000 --- a/e2e/cypress/e2e/visual/bal-badge.visual.cy.ts +++ /dev/null @@ -1,24 +0,0 @@ -describe('bal-badge', () => { - describe('basic', () => { - beforeEach(() => cy.visit('/components/bal-badge/test/bal-badge.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('badge-basic') - cy.getByTestId('icon').testVisual('badge-icon') - cy.getByTestId('card').testVisual('badge-card') - cy.getByTestId('button').testVisual('badge-button') - cy.getByTestId('long-content').testVisual('badge-long-content') - }) - - it('component variants', () => { - cy.testVisual('button-variants') - }) - }) - describe('theming', () => { - beforeEach(() => cy.visit('/components/bal-badge/test/bal-badge.theming.html').waitForDesignSystem()) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('badge-theming-basic') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-button.visual.cy.ts b/e2e/cypress/e2e/visual/bal-button.visual.cy.ts deleted file mode 100644 index a246997cbf..0000000000 --- a/e2e/cypress/e2e/visual/bal-button.visual.cy.ts +++ /dev/null @@ -1,62 +0,0 @@ -describe('bal-button', () => { - beforeEach(() => cy.visit('/components/bal-button/test/bal-button.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('primary').testVisual('button-primary-desktop') - cy.getByTestId('colors').testVisual('button-colors-desktop') - cy.getByTestId('colors-alternatives').testVisual('button-colors-alternatives-desktop') - cy.getByTestId('sizes').testVisual('button-sizes-desktop') - cy.getByTestId('inverted').testVisual('button-inverted-desktop') - cy.getByTestId('expanded').testVisual('button-expanded-desktop') - cy.getByTestId('flat').testVisual('button-flat-desktop') - cy.getByTestId('outlined').testVisual('button-outlined-desktop') - cy.getByTestId('rounded').testVisual('button-rounded-desktop') - cy.getByTestId('shadow').testVisual('button-shadow-desktop') - cy.getByTestId('icon-right').testVisual('button-icon-right-desktop') - cy.getByTestId('variants').testVisual('button-variants-desktop') - cy.getByTestId('states').testVisual('button-states-desktop') - cy.getByTestId('square').testVisual('button-square-desktop') - cy.getByTestId('group').testVisual('button-group-desktop') - cy.getByTestId('links').testVisual('button-links-desktop') - cy.getByTestId('inverted-links').testVisual('button-inverted-links-desktop') - - cy.platform('tablet') - cy.getByTestId('primary').testVisual('button-primary-tablet') - cy.getByTestId('colors').testVisual('button-colors-tablet') - cy.getByTestId('colors-alternatives').testVisual('button-colors-alternatives-tablet') - cy.getByTestId('sizes').testVisual('button-sizes-tablet') - cy.getByTestId('inverted').testVisual('button-inverted-tablet') - cy.getByTestId('expanded').testVisual('button-expanded-tablet') - cy.getByTestId('flat').testVisual('button-flat-tablet') - cy.getByTestId('outlined').testVisual('button-outlined-tablet') - cy.getByTestId('rounded').testVisual('button-rounded-tablet') - cy.getByTestId('shadow').testVisual('button-shadow-tablet') - cy.getByTestId('icon-right').testVisual('button-icon-right-tablet') - cy.getByTestId('variants').testVisual('button-variants-tablet') - cy.getByTestId('states').testVisual('button-states-tablet') - cy.getByTestId('square').testVisual('button-square-tablet') - cy.getByTestId('group').testVisual('button-group-tablet') - cy.getByTestId('links').testVisual('button-links-tablet') - cy.getByTestId('inverted-links').testVisual('button-inverted-links-tablet') - - cy.platform('mobile') - cy.getByTestId('primary').testVisual('button-primary-mobile') - cy.getByTestId('colors').testVisual('button-colors-mobile') - cy.getByTestId('colors-alternatives').testVisual('button-colors-alternatives-mobile') - cy.getByTestId('sizes').testVisual('button-sizes-mobile') - cy.getByTestId('inverted').testVisual('button-inverted-mobile') - cy.getByTestId('expanded').testVisual('button-expanded-mobile') - cy.getByTestId('flat').testVisual('button-flat-mobile') - cy.getByTestId('outlined').testVisual('button-outlined-mobile') - cy.getByTestId('rounded').testVisual('button-rounded-mobile') - cy.getByTestId('shadow').testVisual('button-shadow-mobile') - cy.getByTestId('icon-right').testVisual('button-icon-right-mobile') - cy.getByTestId('variants').testVisual('button-variants-mobile') - cy.getByTestId('states').testVisual('button-states-mobile') - cy.getByTestId('square').testVisual('button-square-mobile') - cy.getByTestId('group').testVisual('button-group-mobile') - cy.getByTestId('links').testVisual('button-links-mobile') - cy.getByTestId('inverted-links').testVisual('button-inverted-links-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-card.visual.cy.ts b/e2e/cypress/e2e/visual/bal-card.visual.cy.ts deleted file mode 100644 index 48a7e332f2..0000000000 --- a/e2e/cypress/e2e/visual/bal-card.visual.cy.ts +++ /dev/null @@ -1,29 +0,0 @@ -describe('bal-card', () => { - beforeEach(() => cy.visit('/components/bal-card/test/bal-card.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('card-basic-desktop') - cy.getByTestId('colors').testVisual('card-colors-desktop') - cy.getByTestId('flat').testVisual('card-flat-desktop') - cy.getByTestId('square').testVisual('card-square-desktop') - cy.getByTestId('border').testVisual('card-border-desktop') - cy.getByTestId('space').testVisual('card-space-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('card-basic-tablet') - cy.getByTestId('colors').testVisual('card-colors-tablet') - cy.getByTestId('flat').testVisual('card-flat-tablet') - cy.getByTestId('square').testVisual('card-square-tablet') - cy.getByTestId('border').testVisual('card-border-tablet') - cy.getByTestId('space').testVisual('card-space-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('card-basic-mobile') - cy.getByTestId('colors').testVisual('card-colors-mobile') - cy.getByTestId('flat').testVisual('card-flat-mobile') - cy.getByTestId('square').testVisual('card-square-mobile') - cy.getByTestId('border').testVisual('card-border-mobile') - cy.getByTestId('space').testVisual('card-space-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-carousel.visual.cy.ts b/e2e/cypress/e2e/visual/bal-carousel.visual.cy.ts deleted file mode 100644 index ec04ae2b64..0000000000 --- a/e2e/cypress/e2e/visual/bal-carousel.visual.cy.ts +++ /dev/null @@ -1,40 +0,0 @@ -describe('bal-carousel', () => { - describe('carousel', () => { - beforeEach(() => cy.visit('/components/bal-carousel/test/bal-carousel.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('carousel-basic-desktop') - cy.getByTestId('image').testVisual('carousel-image-desktop') - cy.getByTestId('product').testVisual('carousel-product-desktop') - cy.getByTestId('card').testVisual('carousel-card-desktop') - cy.getByTestId('card-with-value').testVisual('carousel-card-with-value-desktop') - cy.getByTestId('responsive').testVisual('carousel-responsive-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('carousel-basic-tablet') - cy.getByTestId('image').testVisual('carousel-image-tablet') - cy.getByTestId('product').testVisual('carousel-product-tablet') - cy.getByTestId('card').testVisual('carousel-card-tablet') - cy.getByTestId('card-with-value').testVisual('carousel-card-with-value-tablet') - cy.getByTestId('responsive').testVisual('carousel-responsive-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('carousel-basic-mobile') - cy.getByTestId('image').testVisual('carousel-image-mobile') - cy.getByTestId('product').testVisual('carousel-product-mobile') - cy.getByTestId('card').testVisual('carousel-card-mobile') - cy.getByTestId('card-with-value').testVisual('carousel-card-with-value-mobile') - cy.getByTestId('responsive').testVisual('carousel-responsive-mobile') - }) - }) - - describe('product-slider', () => { - it('combi with tabs', () => { - cy.visit('/components/bal-carousel/test/bal-carousel-tabs.visual.html').platform('desktop').waitForDesignSystem() - cy.get('.bal-tabs__nav__item').last().click() - cy.wait(300) - cy.testVisual('carousel-combi-tabs-desktop') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-checkbox-tile.visual.cy.ts b/e2e/cypress/e2e/visual/bal-checkbox-tile.visual.cy.ts deleted file mode 100644 index 20c70f2fb3..0000000000 --- a/e2e/cypress/e2e/visual/bal-checkbox-tile.visual.cy.ts +++ /dev/null @@ -1,20 +0,0 @@ -describe('bal-checkbox tile', () => { - testCheckboxTile('mobile') - testCheckboxTile('tablet') - testCheckboxTile('desktop') - - function testCheckboxTile(platform: 'mobile' | 'tablet' | 'desktop') { - beforeEach(() => - cy.visit('/components/bal-checkbox/test/bal-checkbox-tiles.visual.html').platform(platform).waitForDesignSystem(), - ) - - it('basic component', () => { - const opts = { - errorThreshold: 0.35, - } - cy.getByTestId('basic').testVisual(`checkbox-tile-basic-${platform}`, opts) - cy.getByTestId('grid').testVisual(`checkbox-tile-grid-${platform}`, opts) - cy.getByTestId('colors').testVisual(`checkbox-tile-colors-${platform}`, opts) - }) - } -}) diff --git a/e2e/cypress/e2e/visual/bal-checkbox.visual.cy.ts b/e2e/cypress/e2e/visual/bal-checkbox.visual.cy.ts deleted file mode 100644 index e6ad879bc5..0000000000 --- a/e2e/cypress/e2e/visual/bal-checkbox.visual.cy.ts +++ /dev/null @@ -1,27 +0,0 @@ -describe('bal-checkbox', () => { - beforeEach(() => cy.visit('/components/bal-checkbox/test/bal-checkbox.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('checkbox-basic').testVisual('checkbox-basic-desktop') - cy.getByTestId('checkbox-invalid').testVisual('checkbox-invalid-desktop') - cy.getByTestId('checkbox-disabled').testVisual('checkbox-disabled-desktop') - cy.getByTestId('checkbox-others').testVisual('checkbox-others-desktop') - cy.getByTestId('checkbox-long-label').testVisual('checkbox-long-label-desktop') - cy.getByTestId('switch-basic').testVisual('switch-basic-desktop') - cy.getByTestId('switch-invalid').testVisual('switch-invalid-desktop') - cy.getByTestId('switch-disabled').testVisual('switch-disabled-desktop') - cy.getByTestId('switch-others').testVisual('switch-others-desktop') - cy.getByTestId('switch-long-label').testVisual('switch-long-label-desktop') - cy.getByTestId('group-vertical').testVisual('group-vertical-desktop') - cy.getByTestId('group-vertical-on-mobile').testVisual('group-vertical-on-mobile-desktop') - cy.getByTestId('button-basic').testVisual('button-basic-desktop') - cy.getByTestId('button-invalid').testVisual('button-invalid-desktop') - cy.getByTestId('button-disabled').testVisual('button-disabled-desktop') - cy.getByTestId('button-long-label').testVisual('button-long-label-desktop') - - cy.platform('mobile') - cy.getByTestId('group-vertical').testVisual('group-vertical-mobile') - cy.getByTestId('group-vertical-on-mobile').testVisual('group-vertical-on-mobile-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-close.visual.cy.ts b/e2e/cypress/e2e/visual/bal-close.visual.cy.ts deleted file mode 100644 index 067e6be3f3..0000000000 --- a/e2e/cypress/e2e/visual/bal-close.visual.cy.ts +++ /dev/null @@ -1,11 +0,0 @@ -describe('bal-close', () => { - beforeEach(() => cy.visit('/components/bal-close/test/bal-close.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('close-basic') - }) - - it('component variants', () => { - cy.testVisual('close-variants') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-content.visual.cy.ts b/e2e/cypress/e2e/visual/bal-content.visual.cy.ts deleted file mode 100644 index 80b7d70f83..0000000000 --- a/e2e/cypress/e2e/visual/bal-content.visual.cy.ts +++ /dev/null @@ -1,12 +0,0 @@ -describe('bal-content', () => { - beforeEach(() => - cy.visit('/components/bal-content/test/bal-content.visual.html').platform('desktop').waitForDesignSystem(), - ) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('content-basic') - cy.getByTestId('alignment').testVisual('content-alignment') - cy.getByTestId('direction').testVisual('content-direction') - cy.getByTestId('space').testVisual('content-space') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-data.visual.cy.ts b/e2e/cypress/e2e/visual/bal-data.visual.cy.ts deleted file mode 100644 index ccacdd7014..0000000000 --- a/e2e/cypress/e2e/visual/bal-data.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -describe('bal-data', () => { - beforeEach(() => cy.visit('/components/bal-data/test/bal-data.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('data-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('data-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('data-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('data-variants-desktop') - - cy.platform('tablet') - cy.testVisual('data-variants-tablet') - - cy.platform('mobile') - cy.testVisual('data-variants-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-date-calendar.visual.cy.ts b/e2e/cypress/e2e/visual/bal-date-calendar.visual.cy.ts deleted file mode 100644 index 7383448d5b..0000000000 --- a/e2e/cypress/e2e/visual/bal-date-calendar.visual.cy.ts +++ /dev/null @@ -1,11 +0,0 @@ -describe('bal-date-calendar', () => { - beforeEach(() => cy.visit('/components/bal-date/test/bal-date-calendar.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('default-date').testVisual('default-date-desktop') - cy.getByTestId('value').testVisual('value-desktop') - cy.getByTestId('min-and-max').testVisual('min-and-max-desktop') - cy.getByTestId('year').testVisual('year-desktop') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-dropdown.visual.cy.ts b/e2e/cypress/e2e/visual/bal-dropdown.visual.cy.ts deleted file mode 100644 index b891310f29..0000000000 --- a/e2e/cypress/e2e/visual/bal-dropdown.visual.cy.ts +++ /dev/null @@ -1,81 +0,0 @@ -import { testOnPlatforms } from 'support/utils' - -describe('bal-dropdown', () => { - beforeEach(() => { - cy.visit('/components/bal-dropdown/test/bal-dropdown.visual.html') - cy.waitForDesignSystem() - }) - - testOnPlatforms(['desktop', 'mobile'], platform => { - it('basic', () => { - cy.getByTestId('basic').testVisual(`dropdown-${platform}-basic-empty-closed`) - cy.getByPlaceholder('visual-basic').click() - cy.getByTestId('basic').testVisual(`dropdown-${platform}-basic-empty-open`) - cy.getByTestId('basic').within(() => { - cy.getByRole('option', { name: '1992' }).click() - }) - cy.getByTestId('basic').testVisual(`dropdown-${platform}-basic-empty-selected`) - }) - - it('long-content', () => { - cy.getByTestId('long-content').testVisual(`dropdown-${platform}-long-content-empty-closed`) - cy.getByPlaceholder('visual-long-content').click() - cy.getByTestId('long-content').testVisual(`dropdown-${platform}-long-content-empty-open`) - }) - - it('multiple', () => { - cy.getByTestId('multiple').testVisual(`dropdown-${platform}-multiple-empty-closed`) - cy.getByPlaceholder('visual-multiple').click() - cy.getByTestId('multiple').testVisual(`dropdown-${platform}-multiple-empty-open`) - cy.getByTestId('multiple').within(() => { - cy.getByRole('option', { name: '1991' }).click() - cy.getByRole('option', { name: '1992' }).click() - }) - cy.getByTestId('multiple').testVisual(`dropdown-${platform}-multiple-empty-selected`) - }) - - it('multiple-chips', () => { - cy.getByTestId('multiple-chips').testVisual(`dropdown-${platform}-multiple-chips-empty-closed`) - cy.getByPlaceholder('visual-multiple-chips').click({ force: true }) - cy.getByTestId('multiple-chips').testVisual(`dropdown-${platform}-multiple-chips-empty-open`) - }) - - it('form-field', () => { - cy.getByTestId('form-field').testVisual(`dropdown-${platform}-form-field-empty-closed`) - cy.getByPlaceholder('visual-form-field').click() - cy.getByTestId('form-field').testVisual(`dropdown-${platform}-form-field-empty-open`) - }) - - it('small-purple', () => { - cy.getByTestId('small-purple').testVisual(`dropdown-${platform}-small-purple`) - }) - }) - - context('states', () => { - beforeEach(() => { - cy.platform('desktop') - }) - - it('clearable', () => { - cy.getByTestId('clearable').testVisual(`dropdown-clearable-empty-closed`) - cy.getByPlaceholder('visual-clearable').click() - cy.getByTestId('multiple').testVisual(`dropdown-clearable-empty-open`) - cy.getByTestId('clearable').within(() => { - cy.getByRole('option', { name: '1988' }).click() - }) - cy.getByTestId('clearable').testVisual(`dropdown-clearable-empty-selected`) - }) - - it('loading', () => { - cy.getByTestId('loading').testVisual(`dropdown-loading-empty-closed`) - }) - - it('invalid', () => { - cy.getByTestId('invalid').testVisual(`dropdown-invalid-empty-closed`) - }) - - it('disabled', () => { - cy.getByTestId('disabled').testVisual(`dropdown-disabled-empty-closed`) - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-field.visual.cy.ts b/e2e/cypress/e2e/visual/bal-field.visual.cy.ts deleted file mode 100644 index 1bdc6482f3..0000000000 --- a/e2e/cypress/e2e/visual/bal-field.visual.cy.ts +++ /dev/null @@ -1,59 +0,0 @@ -describe('bal-field', () => { - beforeEach(() => cy.visit('/components/bal-field/test/bal-field.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('field-basic-desktop') - cy.getByTestId('disabled').testVisual('field-disabled-desktop') - cy.getByTestId('invalid').testVisual('field-invalid-desktop') - cy.getByTestId('readonly').testVisual('field-readonly-desktop') - cy.getByTestId('required').testVisual('field-required-desktop') - cy.getByTestId('valid').testVisual('field-valid-desktop') - cy.getByTestId('label-long').testVisual('label-long-desktop') - cy.getByTestId('label-long-with-hint').testVisual('label-long-with-hint-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('field-basic-tablet') - cy.getByTestId('disabled').testVisual('field-disabled-tablet') - cy.getByTestId('invalid').testVisual('field-invalid-tablet') - cy.getByTestId('readonly').testVisual('field-readonly-tablet') - cy.getByTestId('required').testVisual('field-required-tablet') - cy.getByTestId('valid').testVisual('field-valid-tablet') - cy.getByTestId('label-long').testVisual('label-long-tablet') - cy.getByTestId('label-long-with-hint').testVisual('label-long-with-hint-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('field-basic-mobile') - cy.getByTestId('disabled').testVisual('field-disabled-mobile') - cy.getByTestId('invalid').testVisual('field-invalid-mobile') - cy.getByTestId('readonly').testVisual('field-readonly-mobile') - cy.getByTestId('required').testVisual('field-required-mobile') - cy.getByTestId('valid').testVisual('field-valid-mobile') - cy.getByTestId('label-long').testVisual('label-long-mobile') - cy.getByTestId('label-long-with-hint').testVisual('label-long-with-hint-mobile') - }) -}) - -describe('bal-field-horizontal', () => { - beforeEach(() => cy.visit('/components/bal-field/test/bal-field-horizontal.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('horizontal').testVisual('horizontal-desktop') - cy.getByTestId('horizontal-long-label').testVisual('horizontal-long-label-desktop', { errorThreshold: 0.25 }) - cy.getByTestId('horizontal-with-hint').testVisual('horizontal-with-hint-desktop') - cy.getByTestId('horizontal-with-hint-hidden').click().testVisual('horizontal-with-hint-hidden-desktop') - - cy.platform('tablet') - cy.getByTestId('horizontal').testVisual('horizontal-tablet') - cy.getByTestId('horizontal-long-label').testVisual('horizontal-long-label-tablet') - cy.getByTestId('horizontal-with-hint').testVisual('horizontal-with-hint-tablet') - cy.getByTestId('horizontal-with-hint-hidden').click().testVisual('horizontal-with-hint-hidden-tablet') - - cy.platform('mobile') - cy.getByTestId('horizontal').testVisual('horizontal-mobile') - cy.getByTestId('horizontal-long-label').testVisual('horizontal-long-label-mobile') - cy.getByTestId('horizontal-with-hint').testVisual('horizontal-with-hint-mobile') - cy.getByTestId('horizontal-with-hint-hidden').click().testVisual('horizontal-with-hint-hidden-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-file-upload.visual.cy.ts b/e2e/cypress/e2e/visual/bal-file-upload.visual.cy.ts deleted file mode 100644 index eb39cb5112..0000000000 --- a/e2e/cypress/e2e/visual/bal-file-upload.visual.cy.ts +++ /dev/null @@ -1,23 +0,0 @@ -describe('bal-file-upload', () => { - beforeEach(() => cy.visit('/components/bal-file-upload/test/bal-file-upload.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('file-upload-basic-desktop') - cy.getByTestId('disabled').testVisual('file-upload-disabled-desktop') - cy.getByTestId('invalid').testVisual('file-upload-invalid-desktop') - cy.getByTestId('readonly').testVisual('file-upload-readonly-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('file-upload-basic-tablet') - cy.getByTestId('disabled').testVisual('file-upload-disabled-tablet') - cy.getByTestId('invalid').testVisual('file-upload-invalid-tablet') - cy.getByTestId('readonly').testVisual('file-upload-readonly-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('file-upload-basic-mobile') - cy.getByTestId('disabled').testVisual('file-upload-disabled-mobile') - cy.getByTestId('invalid').testVisual('file-upload-invalid-mobile') - cy.getByTestId('readonly').testVisual('file-upload-readonly-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-footer.visual.cy.ts b/e2e/cypress/e2e/visual/bal-footer.visual.cy.ts deleted file mode 100644 index 41c94e3a21..0000000000 --- a/e2e/cypress/e2e/visual/bal-footer.visual.cy.ts +++ /dev/null @@ -1,28 +0,0 @@ -describe('bal-footer', () => { - beforeEach(() => { - cy.intercept('GET', 'https://www.baloise.ch/app-integration/v2/ch/footer/de.json', { - fixture: 'bal-footer.footer.json', - }).as('getFooterLinks') - cy.intercept('GET', 'https://www.baloise.ch/app-integration/v1/ch/socialmediachannels/de.json', { - fixture: 'bal-footer.socialmediachannels.json', - }).as('getSocialMediaChannels') - cy.visit('/components/bal-footer/test/bal-footer.visual.html').platform('desktop').waitForDesignSystem() - }) - - it('basic component', () => { - cy.platform('desktop').wait(100) - cy.getByTestId('basic').testVisual('basic-footer-desktop') - cy.getByTestId('all-variations').testVisual('all-variations-footer-desktop') - cy.getByTestId('partner-variant').testVisual('partner-variant-footer-desktop') - - cy.platform('tablet').wait(100) - cy.getByTestId('basic').testVisual('basic-footer-tablet') - cy.getByTestId('all-variations').testVisual('all-variations-footer-tablet') - cy.getByTestId('partner-variant').testVisual('partner-variant-footer-tablet') - - cy.platform('mobile').wait(100) - cy.getByTestId('basic').testVisual('basic-footer-mobile') - cy.getByTestId('all-variations').testVisual('all-variations-footer-mobile') - cy.getByTestId('partner-variant').testVisual('partner-variant-footer-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-form-grid.visual.cy.ts b/e2e/cypress/e2e/visual/bal-form-grid.visual.cy.ts deleted file mode 100644 index 863423a0c9..0000000000 --- a/e2e/cypress/e2e/visual/bal-form-grid.visual.cy.ts +++ /dev/null @@ -1,14 +0,0 @@ -describe('bal-form-grid', () => { - beforeEach(() => cy.visit('/components/bal-form-grid/test/bal-form-grid.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('form-grid-basic-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('form-grid-basic-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('form-grid-basic-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-heading.visual.cy.ts b/e2e/cypress/e2e/visual/bal-heading.visual.cy.ts deleted file mode 100644 index e3d813c503..0000000000 --- a/e2e/cypress/e2e/visual/bal-heading.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -describe('bal-heading', () => { - beforeEach(() => cy.visit('/components/bal-heading/test/bal-heading.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('heading-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('heading-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('heading-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('heading-variants-desktop') - - cy.platform('tablet') - cy.testVisual('heading-variants-tablet') - - cy.platform('mobile') - cy.testVisual('heading-variants-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-hint.visual.cy.ts b/e2e/cypress/e2e/visual/bal-hint.visual.cy.ts deleted file mode 100644 index 7038a3e73d..0000000000 --- a/e2e/cypress/e2e/visual/bal-hint.visual.cy.ts +++ /dev/null @@ -1,38 +0,0 @@ -describe('bal-hint', () => { - beforeEach(() => { - cy.visit('/components/bal-hint/test/bal-hint.visual.html').waitForDesignSystem() - }) - - context('desktop', () => { - beforeEach(() => cy.platform('desktop')) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('hint-basic-desktop') - cy.getByTestId('basic').click().balHintFindOverlay().testVisual('hint-basic-open-desktop') - cy.getByTestId('basic').balHintFindCloseButton().click() - cy.getByTestId('small').click().balHintFindOverlay().testVisual('hint-small-desktop') - }) - }) - - context('tablet', () => { - beforeEach(() => cy.platform('tablet')) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('hint-basic-tablet') - cy.getByTestId('basic').click().balHintFindOverlay().testVisual('hint-basic-open-tablet') - cy.getByTestId('basic').balHintFindCloseButton().click() - cy.getByTestId('small').click().balHintFindOverlay().testVisual('hint-small-tablet') - }) - }) - - context('mobile', () => { - beforeEach(() => cy.platform('mobile').wait(200)) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('hint-basic-mobile') - cy.getByTestId('basic').click().balHintFindOverlay().testVisual('hint-basic-open-mobile') - cy.getByTestId('basic').balHintFindCloseButton().click() - cy.getByTestId('small').click().balHintFindOverlay().testVisual('hint-small-mobile') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-icon.visual.cy.ts b/e2e/cypress/e2e/visual/bal-icon.visual.cy.ts deleted file mode 100644 index 957027c483..0000000000 --- a/e2e/cypress/e2e/visual/bal-icon.visual.cy.ts +++ /dev/null @@ -1,13 +0,0 @@ -describe('bal-icon', () => { - beforeEach(() => cy.visit('/components/bal-icon/test/bal-icon.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('icon-desktop') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('icon-variants-desktop') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-input-group.visual.cy.ts b/e2e/cypress/e2e/visual/bal-input-group.visual.cy.ts deleted file mode 100644 index b40d294e34..0000000000 --- a/e2e/cypress/e2e/visual/bal-input-group.visual.cy.ts +++ /dev/null @@ -1,51 +0,0 @@ -describe('bal-input-group', () => { - beforeEach(() => cy.visit('/components/bal-input-group/test/bal-input-group.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('input-group-basic') - cy.getByTestId('basic-disabled').testVisual('input-group-basic-disabled') - cy.getByTestId('basic-invalid').testVisual('input-group-basic-invalid') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('input-group-basic-mobile') - cy.getByTestId('basic-disabled').testVisual('input-group-basic-disabled-mobile') - cy.getByTestId('basic-invalid').testVisual('input-group-basic-invalid-mobile') - }) - - it('icon component', () => { - cy.platform('desktop') - cy.getByTestId('icon').testVisual('input-group-icon') - cy.getByTestId('icon-disabled').testVisual('input-group-icon-disabled') - cy.getByTestId('icon-invalid').testVisual('input-group-icon-invalid') - - cy.platform('mobile') - cy.getByTestId('icon').testVisual('input-group-icon-mobile') - cy.getByTestId('icon-disabled').testVisual('input-group-icon-disabled-mobile') - cy.getByTestId('icon-invalid').testVisual('input-group-icon-invalid-mobile') - }) - - it('phone component', () => { - cy.platform('desktop') - cy.getByTestId('phone').testVisual('input-group-phone') - cy.getByTestId('phone-disabled').testVisual('input-group-phone-disabled') - cy.getByTestId('phone-invalid').testVisual('input-group-phone-invalid') - - cy.platform('mobile') - cy.getByTestId('phone').testVisual('input-group-phone-mobile') - cy.getByTestId('phone-disabled').testVisual('input-group-phone-disabled-mobile') - cy.getByTestId('phone-invalid').testVisual('input-group-phone-invalid-mobile') - }) - - it('tags component', () => { - cy.platform('desktop') - cy.getByTestId('tags').testVisual('input-group-tags') - cy.getByTestId('tags-disabled').testVisual('input-group-tags-disabled') - cy.getByTestId('tags-invalid').testVisual('input-group-tags-invalid') - - cy.platform('mobile') - cy.getByTestId('tags').testVisual('input-group-tags-mobile') - cy.getByTestId('tags-disabled').testVisual('input-group-tags-disabled-mobile') - cy.getByTestId('tags-invalid').testVisual('input-group-tags-invalid-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-input-slider.visual.cy.ts b/e2e/cypress/e2e/visual/bal-input-slider.visual.cy.ts deleted file mode 100644 index c59a338adc..0000000000 --- a/e2e/cypress/e2e/visual/bal-input-slider.visual.cy.ts +++ /dev/null @@ -1,43 +0,0 @@ -describe('bal-input-slider', () => { - beforeEach(() => cy.visit('/components/bal-input-slider/test/bal-input-slider.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('input-slider-basic') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('input-slider-basic-mobile') - }) - - it('with-ticks component', () => { - cy.platform('desktop') - cy.getByTestId('with-ticks').testVisual('input-slider-with-ticks') - - cy.platform('mobile') - cy.getByTestId('with-ticks').testVisual('input-slider-with-ticks-mobile') - }) - - it('disabled component', () => { - cy.platform('desktop') - cy.getByTestId('disabled').testVisual('input-slider-disabled') - - cy.platform('mobile') - cy.getByTestId('disabled').testVisual('input-slider-disabled-mobile') - }) - - it('invalid component', () => { - cy.platform('desktop') - cy.getByTestId('invalid').testVisual('input-slider-invalid') - - cy.platform('mobile') - cy.getByTestId('invalid').testVisual('input-slider-invalid-mobile') - }) - - it('field component', () => { - cy.platform('desktop') - cy.getByTestId('field').testVisual('input-slider-field') - - cy.platform('mobile') - cy.getByTestId('field').testVisual('input-slider-field-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-input-stepper.visual.cy.ts b/e2e/cypress/e2e/visual/bal-input-stepper.visual.cy.ts deleted file mode 100644 index 6876a9d8cd..0000000000 --- a/e2e/cypress/e2e/visual/bal-input-stepper.visual.cy.ts +++ /dev/null @@ -1,35 +0,0 @@ -describe('bal-input-stepper', () => { - beforeEach(() => cy.visit('/components/bal-input-stepper/test/bal-input-stepper.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('input-stepper-basic') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('input-stepper-basic-mobile') - }) - - it('disabled component', () => { - cy.platform('desktop') - cy.getByTestId('disabled').testVisual('input-stepper-disabled') - - cy.platform('mobile') - cy.getByTestId('disabled').testVisual('input-stepper-disabled-mobile') - }) - - it('invalid component', () => { - cy.platform('desktop') - cy.getByTestId('invalid').testVisual('input-stepper-invalid') - - cy.platform('mobile') - cy.getByTestId('invalid').testVisual('input-stepper-invalid-mobile') - }) - - it('field component', () => { - cy.platform('desktop') - cy.getByTestId('field').testVisual('input-stepper-field') - - cy.platform('mobile') - cy.getByTestId('field').testVisual('input-stepper-field-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-input.visual.cy.ts b/e2e/cypress/e2e/visual/bal-input.visual.cy.ts deleted file mode 100644 index f77833731c..0000000000 --- a/e2e/cypress/e2e/visual/bal-input.visual.cy.ts +++ /dev/null @@ -1,40 +0,0 @@ -describe('bal-input', () => { - beforeEach(() => cy.visit('/components/bal-input/test/bal-input.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('input-basic') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('input-basic-mobile') - }) - - it('disabled component', () => { - cy.platform('desktop') - cy.getByTestId('disabled').testVisual('input-disabled') - - cy.platform('mobile') - cy.getByTestId('disabled').testVisual('input-disabled-mobile') - }) - - it('invalid component', () => { - cy.platform('desktop') - cy.getByTestId('invalid').testVisual('input-invalid') - - cy.platform('mobile') - cy.getByTestId('invalid').testVisual('input-invalid-mobile') - }) - - it('field component', () => { - cy.platform('desktop') - cy.getByTestId('field').testVisual('input-field') - - cy.platform('mobile') - cy.getByTestId('field').testVisual('input-field-mobile') - }) - - it('input-date', () => { - cy.platform('desktop') - cy.getByTestId('input-date').testVisual('input-date') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-label.visual.cy.ts b/e2e/cypress/e2e/visual/bal-label.visual.cy.ts deleted file mode 100644 index 7646e30790..0000000000 --- a/e2e/cypress/e2e/visual/bal-label.visual.cy.ts +++ /dev/null @@ -1,30 +0,0 @@ -describe('bal-label', () => { - beforeEach(() => cy.visit('/components/bal-label/test/bal-label.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('label-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('label-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('label-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('label-variants-desktop') - - cy.platform('tablet') - cy.testVisual('label-variants-tablet') - - cy.platform('mobile') - cy.testVisual('label-variants-mobile') - }) - - it('custom size', () => { - cy.platform('desktop') - cy.testVisual('field') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-list.visual.cy.ts b/e2e/cypress/e2e/visual/bal-list.visual.cy.ts deleted file mode 100644 index 98f849fa0b..0000000000 --- a/e2e/cypress/e2e/visual/bal-list.visual.cy.ts +++ /dev/null @@ -1,11 +0,0 @@ -describe('bal-list', () => { - beforeEach(() => cy.visit('/components/bal-list/test/bal-list.visual.html').waitForDesignSystem()) - - it('basic component', () => cy.getByTestId('basic').testVisual('list-basic')) - - it('sizes variants', () => cy.getByTestId('sizes').testVisual('list-sizes')) - - it('backgrounds variants', () => cy.getByTestId('backgrounds').testVisual('list-backgrounds')) - - it('component variants', () => cy.testVisual('list-variants')) -}) diff --git a/e2e/cypress/e2e/visual/bal-logo.visual.cy.ts b/e2e/cypress/e2e/visual/bal-logo.visual.cy.ts deleted file mode 100644 index dca9fefc1b..0000000000 --- a/e2e/cypress/e2e/visual/bal-logo.visual.cy.ts +++ /dev/null @@ -1,22 +0,0 @@ -describe('bal-logo', () => { - before(() => { - cy.visit('/components/bal-logo/test/bal-logo.visual.html').waitForDesignSystem() - }) - - it('basic component', () => { - cy.platform('desktop').wait(100) - cy.getByTestId('basic').testVisual('logo-basic-desktop') - cy.getByTestId('colors').testVisual('logo-colors-desktop') - cy.getByTestId('colors-inverted').testVisual('logo-colors-inverted-desktop') - - cy.platform('tablet').wait(100) - cy.getByTestId('basic').testVisual('logo-basic-tablet') - cy.getByTestId('colors').testVisual('logo-colors-tablet') - cy.getByTestId('colors-inverted').testVisual('logo-colors-inverted-tablet') - - cy.platform('mobile').wait(100) - cy.getByTestId('basic').testVisual('logo-basic-mobile') - cy.getByTestId('colors').testVisual('logo-colors-mobile') - cy.getByTestId('colors-inverted').testVisual('logo-colors-inverted-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-modal.visual.cy.ts b/e2e/cypress/e2e/visual/bal-modal.visual.cy.ts deleted file mode 100644 index bb524b9c09..0000000000 --- a/e2e/cypress/e2e/visual/bal-modal.visual.cy.ts +++ /dev/null @@ -1,13 +0,0 @@ -describe('bal-modal', () => { - it('basic component', () => { - cy.visit('/components/bal-modal/test/bal-modal.visual.html') - cy.platform('desktop') - cy.getByTestId('open-modal-button').click() - cy.testVisual('modal-basic') - - cy.visit('/components/bal-modal/test/bal-modal.visual.html') - cy.platform('mobile') - cy.getByTestId('open-modal-button').click() - cy.testVisual('modal-basic-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-navbar.visual.cy.ts b/e2e/cypress/e2e/visual/bal-navbar.visual.cy.ts deleted file mode 100644 index b623eb1982..0000000000 --- a/e2e/cypress/e2e/visual/bal-navbar.visual.cy.ts +++ /dev/null @@ -1,37 +0,0 @@ -import { Platforms } from '../../support/utils' - -describe('bal-navbar', () => { - testNavbar('desktop') - testNavbar('tablet') - testNavbar('mobile') - - it('toggle method', () => { - cy.visit('/components/bal-navbar/test/bal-navbar.visual.html').platform('mobile').waitForDesignSystem().wait(100) - - cy.getByTestId('toggle').testVisual(`navbar-toggle-closed`) - cy.getByTestId('toggle-button').click().wait(100) - cy.getByTestId('toggle').testVisual(`navbar-toggle-open`) - }) - - function testNavbar(platform: Platforms) { - describe(platform, () => { - beforeEach(() => { - cy.visit('/components/bal-navbar/test/bal-navbar.visual.html') - .platform(platform) - .waitForDesignSystem() - .wait(100) - }) - - it('basic component', () => { - cy.getByTestId('basic').testVisual(`navbar-basic-${platform}`) - if (platform !== 'desktop') { - cy.getByTestId('basic').find('.bal-navbar__brand__burger').click().wait(100) - cy.testVisual(`navbar-basic-opened-${platform}`) - cy.getByTestId('basic').find('.bal-navbar__brand__burger').click().wait(100) - } - cy.getByTestId('simple-light').testVisual(`navbar-simple-light-${platform}`) - cy.getByTestId('container').testVisual(`navbar-container-${platform}`) - }) - }) - } -}) diff --git a/e2e/cypress/e2e/visual/bal-notification.visual.cy.ts b/e2e/cypress/e2e/visual/bal-notification.visual.cy.ts deleted file mode 100644 index 9f2cc2ac35..0000000000 --- a/e2e/cypress/e2e/visual/bal-notification.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -describe('bal-notification', () => { - beforeEach(() => cy.visit('/components/bal-notification/test/bal-notification.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('notification-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('notification-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('notification-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('notification-variants-desktop') - - cy.platform('tablet') - cy.testVisual('notification-variants-tablet') - - cy.platform('mobile') - cy.testVisual('notification-variants-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-number-input.visual.cy.ts b/e2e/cypress/e2e/visual/bal-number-input.visual.cy.ts deleted file mode 100644 index 227e42f16b..0000000000 --- a/e2e/cypress/e2e/visual/bal-number-input.visual.cy.ts +++ /dev/null @@ -1,35 +0,0 @@ -describe('bal-number-input', () => { - beforeEach(() => cy.visit('/components/bal-number-input/test/bal-number-input.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('number-input-basic') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('number-input-basic-mobile') - }) - - it('disabled component', () => { - cy.platform('desktop') - cy.getByTestId('disabled').testVisual('number-input-disabled') - - cy.platform('mobile') - cy.getByTestId('disabled').testVisual('number-input-disabled-mobile') - }) - - it('invalid component', () => { - cy.platform('desktop') - cy.getByTestId('invalid').testVisual('number-input-invalid') - - cy.platform('mobile') - cy.getByTestId('invalid').testVisual('number-input-invalid-mobile') - }) - - it('field component', () => { - cy.platform('desktop') - cy.getByTestId('field').testVisual('number-input-field') - - cy.platform('mobile') - cy.getByTestId('field').testVisual('number-input-field-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-option-list.visual.cy.ts b/e2e/cypress/e2e/visual/bal-option-list.visual.cy.ts deleted file mode 100644 index fc14eb7937..0000000000 --- a/e2e/cypress/e2e/visual/bal-option-list.visual.cy.ts +++ /dev/null @@ -1,9 +0,0 @@ -describe('bal-option-list', () => { - describe('basic', () => { - beforeEach(() => cy.visit('/components/bal-option-list/test/bal-option-list.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('option-basic') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-option.visual.cy.ts b/e2e/cypress/e2e/visual/bal-option.visual.cy.ts deleted file mode 100644 index c606b784be..0000000000 --- a/e2e/cypress/e2e/visual/bal-option.visual.cy.ts +++ /dev/null @@ -1,17 +0,0 @@ -describe('bal-option', () => { - describe('basic', () => { - beforeEach(() => cy.visit('/components/bal-option/test/bal-option.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('option-basic') - }) - - it('listbox', () => { - cy.getByTestId('listbox').testVisual('option-listbox') - }) - - it('listbox-with-checkboxes', () => { - cy.getByTestId('listbox-checkbox').testVisual('option-listbox-checkbox') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-pagination.visual.cy.ts b/e2e/cypress/e2e/visual/bal-pagination.visual.cy.ts deleted file mode 100644 index 91d0f814a5..0000000000 --- a/e2e/cypress/e2e/visual/bal-pagination.visual.cy.ts +++ /dev/null @@ -1,36 +0,0 @@ -describe('bal-pagination', () => { - beforeEach(() => cy.visit('/components/bal-pagination/test/bal-pagination.visual.html').waitForDesignSystem()) - - context('desktop', () => { - beforeEach(() => cy.platform('desktop')) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('pagination-basic-desktop') - cy.getByTestId('ranges').testVisual('pagination-ranges-desktop') - cy.getByTestId('small').testVisual('pagination-small-desktop') - cy.getByTestId('small-with-dots').testVisual('pagination-small-with-dots-desktop') - }) - }) - - context('tablet', () => { - beforeEach(() => cy.platform('tablet')) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('pagination-basic-tablet') - cy.getByTestId('ranges').testVisual('pagination-ranges-tablet') - cy.getByTestId('small').testVisual('pagination-small-tablet') - cy.getByTestId('small-with-dots').testVisual('pagination-small-with-dots-tablet') - }) - }) - - context('mobile', () => { - beforeEach(() => cy.platform('mobile').wait(100)) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('pagination-basic-mobile') - cy.getByTestId('ranges').testVisual('pagination-ranges-mobile') - cy.getByTestId('small').testVisual('pagination-small-mobile') - cy.getByTestId('small-with-dots').testVisual('pagination-small-with-dots-mobile') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-popover.visual.cy.ts b/e2e/cypress/e2e/visual/bal-popover.visual.cy.ts deleted file mode 100644 index d1f564a61a..0000000000 --- a/e2e/cypress/e2e/visual/bal-popover.visual.cy.ts +++ /dev/null @@ -1,44 +0,0 @@ -import { balViewport } from 'support/utils' - -describe('bal-popover', () => { - testPopover('mobile') - testPopover('desktop') - - function testPopover(platform: 'desktop' | 'mobile') { - describe(platform, () => { - beforeEach(() => - cy - .visit('/components/bal-popover/test/bal-popover.visual.html') - .platform(platform) - .waitForDesignSystem() - .wait(32), - ) - - it('basic component ' + platform, () => { - cy.getByTestId('popover-trigger').click() - cy.testVisual(`popover-basic-${platform}`, { - capture: 'viewport', - clip: balViewport[platform], - }) - cy.get('body').type('{esc}') - }) - - it('arrow backdrop component + platform ', () => { - cy.getByTestId('popover-arrow-trigger').click() - cy.testVisual(`popover-arrow-${platform}`, { - capture: 'viewport', - clip: balViewport[platform], - }) - cy.get('body').type('{esc}') - }) - - it('tooltip component ' + platform, () => { - cy.getByTestId('popover-tooltip-trigger').invoke('show').click({ force: true }) - cy.testVisual(`popover-tooltip-${platform}`, { - capture: 'viewport', - clip: balViewport[platform], - }) - }) - }) - } -}) diff --git a/e2e/cypress/e2e/visual/bal-popup.visual.cy.ts b/e2e/cypress/e2e/visual/bal-popup.visual.cy.ts deleted file mode 100644 index 9414ee4c58..0000000000 --- a/e2e/cypress/e2e/visual/bal-popup.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { Platforms, balViewport } from 'support/utils' - -describe('bal-popup', () => { - function testPopup(name: string, platform: Platforms = 'desktop') { - const opt: any = { - errorThreshold: 0.3, - capture: 'viewport', - clip: balViewport[platform], - } - cy.testVisual(`popup-${name}-${platform}`, opt) - cy.getByTestId(`${name}-trigger`).click().waitForComponents() - cy.testVisual(`popup-${name}-${platform}-open`, opt) - cy.getByTestId(`${name}-trigger`).click().waitForComponents() - } - - context('desktop', () => { - beforeEach(() => { - cy.visit('/components/bal-popup/test/bal-popup.visual.html').platform('desktop').waitForDesignSystem() - }) - - it('basic component desktop', () => { - testPopup('basic') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-progress-bar.visual.cy.ts b/e2e/cypress/e2e/visual/bal-progress-bar.visual.cy.ts deleted file mode 100644 index d8a3e57525..0000000000 --- a/e2e/cypress/e2e/visual/bal-progress-bar.visual.cy.ts +++ /dev/null @@ -1,16 +0,0 @@ -describe('bal-progress-bar', () => { - beforeEach(() => - cy - .visit('/components/bal-progress-bar/test/bal-progress-bar.visual.html') - .waitForDesignSystem() - .platform('desktop'), - ) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('progress-bar-desktop') - }) - - it('component variants', () => { - cy.getByTestId('variants').testVisual('progress-bar-variants-desktop') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-radio-tile.visual.cy.ts b/e2e/cypress/e2e/visual/bal-radio-tile.visual.cy.ts deleted file mode 100644 index d7f828094d..0000000000 --- a/e2e/cypress/e2e/visual/bal-radio-tile.visual.cy.ts +++ /dev/null @@ -1,17 +0,0 @@ -describe('bal-radio-tile', () => { - testRadioButton('mobile') - testRadioButton('tablet') - testRadioButton('desktop') - - function testRadioButton(platform: 'mobile' | 'tablet' | 'desktop') { - beforeEach(() => - cy.visit('/components/bal-radio/test/bal-radio-tiles.visual.html').platform(platform).waitForDesignSystem(), - ) - - it('basic component', () => { - cy.getByTestId('basic').testVisual(`radio-tile-basic-${platform}`) - cy.getByTestId('grid').testVisual(`radio-tile-grid-${platform}`) - cy.getByTestId('colors').testVisual(`radio-tile-colors-${platform}`) - }) - } -}) diff --git a/e2e/cypress/e2e/visual/bal-radio.visual.cy.ts b/e2e/cypress/e2e/visual/bal-radio.visual.cy.ts deleted file mode 100644 index 91efadae4d..0000000000 --- a/e2e/cypress/e2e/visual/bal-radio.visual.cy.ts +++ /dev/null @@ -1,21 +0,0 @@ -describe('bal-radio', () => { - beforeEach(() => cy.visit('/components/bal-radio/test/bal-radio.visual.html').waitForDesignSystem()) - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('radio-basic').testVisual('radio-basic-desktop') - cy.getByTestId('radio-invalid').testVisual('radio-invalid-desktop') - cy.getByTestId('radio-disabled').testVisual('radio-disabled-desktop') - cy.getByTestId('radio-others').testVisual('radio-others-desktop') - cy.getByTestId('radio-long-label').testVisual('radio-long-label-desktop') - cy.getByTestId('button-basic').testVisual('button-basic-desktop') - cy.getByTestId('button-invalid').testVisual('button-invalid-desktop') - cy.getByTestId('button-disabled').testVisual('button-disabled-desktop') - cy.getByTestId('button-long-label').testVisual('button-long-label-desktop') - cy.getByTestId('group-vertical').testVisual('group-vertical-desktop') - cy.getByTestId('group-vertical-on-mobile').testVisual('group-vertical-on-mobile-desktop') - - cy.platform('mobile') - cy.getByTestId('group-vertical').testVisual('group-vertical-desktop') - cy.getByTestId('group-vertical-on-mobile').testVisual('group-vertical-on-mobile-desktop') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-segment.visual.cy.ts b/e2e/cypress/e2e/visual/bal-segment.visual.cy.ts deleted file mode 100644 index 8317c1cd17..0000000000 --- a/e2e/cypress/e2e/visual/bal-segment.visual.cy.ts +++ /dev/null @@ -1,35 +0,0 @@ -describe('bal-segment', () => { - beforeEach(() => cy.visit('/components/bal-segment/test/bal-segment.visual.html').waitForDesignSystem()) - - context('mobile', () => { - beforeEach(() => cy.platform('mobile')) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('icon-mobile') - }) - - it('component horizontal', () => { - cy.getByTestId('horizontal').testVisual('horizontal-mobile') - }) - - it('component vertical', () => { - cy.getByTestId('vertical').testVisual('vertical-mobile') - }) - }) - - context('desktop', () => { - beforeEach(() => cy.platform('desktop')) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('icon-desktop') - }) - - it('component horizontal', () => { - cy.getByTestId('horizontal').testVisual('horizontal-desktop') - }) - - it('component vertical', () => { - cy.getByTestId('vertical').testVisual('vertical-desktop') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-select.visual.cy.ts b/e2e/cypress/e2e/visual/bal-select.visual.cy.ts deleted file mode 100644 index 7e792d947e..0000000000 --- a/e2e/cypress/e2e/visual/bal-select.visual.cy.ts +++ /dev/null @@ -1,78 +0,0 @@ -describe('bal-select', () => { - visualSelectTest('desktop') - visualSelectTest('mobile') - - visualSelectMultipleTest('desktop') - visualSelectMultipleTest('mobile') - - function visualSelectTest(platform: 'mobile' | 'desktop') { - describe(platform, () => { - beforeEach(() => { - cy.visit('/components/bal-select/test/bal-select.visual.html').platform(platform).waitForDesignSystem() - }) - - it('basic component', () => { - cy.getByTestId('basic').testVisual(`select-basic-${platform}`) - - cy.getByTestId('basic-input').click() - cy.testVisual(`select-basic-open-${platform}`) - - cy.getByTestId('basic-input').balSelectFindOptions().eq(1).click() - cy.getByTestId('basic').testVisual(`select-basic-value-${platform}`) - - cy.getByTestId('basic-input').click() - cy.testVisual(`select-basic-open-selected-${platform}`) - }) - - it('disabled component', () => { - cy.getByTestId('disabled').testVisual(`select-disabled-${platform}`) - }) - - it('invalid component', () => { - cy.getByTestId('invalid').testVisual(`select-invalid-${platform}`) - }) - - it('field component', () => { - cy.getByTestId('field').testVisual(`select-field-${platform}`) - }) - - it('free-solo component', () => { - cy.getByTestId('free-solo').testVisual(`select-free-solo-${platform}`) - }) - }) - } - - function visualSelectMultipleTest(platform: 'mobile' | 'desktop') { - describe(platform, () => { - beforeEach(() => { - cy.visit('/components/bal-select/test/bal-select-multiple.visual.html').platform(platform).waitForDesignSystem() - }) - - it('basic multiple component', () => { - cy.getByTestId('basic').testVisual(`select-multiple-basic-${platform}`) - - cy.getByTestId('basic-input').click() - cy.testVisual(`select-multiple-basic-open-${platform}`) - - cy.getByTestId('basic-input').balSelectFindOptions().eq(1).click() - cy.getByTestId('basic-input').balSelectFindOptions().eq(2).click() - cy.getByTestId('basic').testVisual(`select-multiple-basic-value-${platform}`) - - cy.getByTestId('basic-input').click() - cy.testVisual(`select-multiple-basic-open-selected-${platform}`) - }) - - it('disabled multiple component', () => { - cy.getByTestId('disabled').testVisual(`select-multiple-disabled-${platform}`) - }) - - it('invalid multiple component', () => { - cy.getByTestId('invalid').testVisual(`select-multiple-invalid-${platform}`) - }) - - it('field component', () => { - cy.getByTestId('field').testVisual(`select-multiple-field-${platform}`) - }) - }) - } -}) diff --git a/e2e/cypress/e2e/visual/bal-shape.visual.cy.ts b/e2e/cypress/e2e/visual/bal-shape.visual.cy.ts deleted file mode 100644 index dcae413c17..0000000000 --- a/e2e/cypress/e2e/visual/bal-shape.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -describe('bal-shape', () => { - beforeEach(() => cy.visit('/components/bal-shape/test/bal-shape.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('shape-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('shape-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('shape-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('shape-variants-desktop') - - cy.platform('tablet') - cy.testVisual('shape-variants-tablet') - - cy.platform('mobile') - cy.testVisual('shape-variants-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-sheet.visual.cy.ts b/e2e/cypress/e2e/visual/bal-sheet.visual.cy.ts deleted file mode 100644 index d91f5a63e7..0000000000 --- a/e2e/cypress/e2e/visual/bal-sheet.visual.cy.ts +++ /dev/null @@ -1,14 +0,0 @@ -describe('bal-sheet', () => { - beforeEach(() => cy.visit('/components/bal-sheet/test/bal-sheet.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.testVisual('sheet-basic-desktop') - - cy.platform('tablet') - cy.testVisual('sheet-basic-tablet') - - cy.platform('mobile') - cy.testVisual('sheet-basic-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-snackbar.visual.cy.ts b/e2e/cypress/e2e/visual/bal-snackbar.visual.cy.ts deleted file mode 100644 index d7027bf74d..0000000000 --- a/e2e/cypress/e2e/visual/bal-snackbar.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -describe('bal-snackbar', () => { - beforeEach(() => cy.visit('/components/bal-snackbar/test/bal-snackbar.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('snackbar-basic') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('snackbar-basic-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('snackbar-basic-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('snackbar-variants') - - cy.platform('tablet') - cy.testVisual('snackbar-variants-tablet') - - cy.platform('mobile') - cy.testVisual('snackbar-variants-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-stack.visual.cy.ts b/e2e/cypress/e2e/visual/bal-stack.visual.cy.ts deleted file mode 100644 index 909905493d..0000000000 --- a/e2e/cypress/e2e/visual/bal-stack.visual.cy.ts +++ /dev/null @@ -1,13 +0,0 @@ -describe('bal-stack', () => { - beforeEach(() => - cy.visit('/components/bal-stack/test/bal-stack.visual.html').platform('desktop').waitForDesignSystem(), - ) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('stack-basic') - cy.getByTestId('alignment').testVisual('stack-alignment') - cy.getByTestId('direction').testVisual('stack-direction') - cy.getByTestId('space').testVisual('stack-space') - cy.getByTestId('margins').testVisual('stack-margins') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-stage.visual.cy.ts b/e2e/cypress/e2e/visual/bal-stage.visual.cy.ts deleted file mode 100644 index f6b0ebacbe..0000000000 --- a/e2e/cypress/e2e/visual/bal-stage.visual.cy.ts +++ /dev/null @@ -1,27 +0,0 @@ -describe('bal-stage', () => { - it('basic component', () => { - cy.visit('/components/bal-stage/test/bal-stage.visual.html').waitForDesignSystem() - - cy.platform('desktop') - cy.testVisual('stage-basic') - - cy.platform('tablet') - cy.testVisual('stage-basic-tablet') - - cy.platform('mobile') - cy.testVisual('stage-basic-mobile') - }) - - it('large stage', () => { - cy.visit('/components/bal-stage/test/bal-stage.large.visual.html').waitForDesignSystem() - - cy.platform('desktop') - cy.testVisual('stage-large') - - cy.platform('tablet') - cy.testVisual('stage-large-tablet') - - cy.platform('mobile') - cy.testVisual('stage-large-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-steps.visual.cy.ts b/e2e/cypress/e2e/visual/bal-steps.visual.cy.ts deleted file mode 100644 index d259f747d7..0000000000 --- a/e2e/cypress/e2e/visual/bal-steps.visual.cy.ts +++ /dev/null @@ -1,27 +0,0 @@ -describe('bal-steps', () => { - beforeEach(() => cy.visit('/components/bal-steps/test/bal-steps.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('steps').testVisual('tabs-steps') - cy.getByTestId('steps-links').testVisual('tabs-steps-with-links') - cy.getByTestId('steps-with-four').testVisual('tabs-steps-with-four') - - cy.platform('tablet') - cy.getByTestId('steps').testVisual('tabs-steps-tablet') - cy.getByTestId('steps-with-four').testVisual('tabs-steps-with-four-tablet') - - cy.platform('mobile') - cy.getByTestId('steps').testVisual('tabs-steps-mobile') - cy.getByTestId('steps-with-four').testVisual('tabs-steps-with-four-mobile') - }) - - it('color variants', () => { - cy.platform('desktop') - cy.getByTestId('light-blue').testVisual('tabs-steps-color-light-blue') - cy.getByTestId('purple').testVisual('tabs-steps-color-purple') - cy.getByTestId('red').testVisual('tabs-steps-color-red') - cy.getByTestId('green').testVisual('tabs-steps-color-green') - cy.getByTestId('yellow').testVisual('tabs-steps-color-yellow') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-table.visual.cy.ts b/e2e/cypress/e2e/visual/bal-table.visual.cy.ts deleted file mode 100644 index 4a9ada77bb..0000000000 --- a/e2e/cypress/e2e/visual/bal-table.visual.cy.ts +++ /dev/null @@ -1,14 +0,0 @@ -describe('bal-table', () => { - beforeEach(() => cy.visit('/components/bal-table/test/bal-table.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('table-basic-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('table-basic-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('table-basic-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-tabs.visual.cy.ts b/e2e/cypress/e2e/visual/bal-tabs.visual.cy.ts deleted file mode 100644 index e90713c3d5..0000000000 --- a/e2e/cypress/e2e/visual/bal-tabs.visual.cy.ts +++ /dev/null @@ -1,60 +0,0 @@ -describe('bal-tabs', () => { - context('desktop', () => { - beforeEach(() => { - cy.visit('/components/bal-tabs/test/bal-tabs.visual.html').platform('desktop').waitForDesignSystem() - }) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('tabs-basic') - cy.getByTestId('expanded').testVisual('tabs-expanded') - cy.getByTestId('meta').testVisual('tabs-meta') - cy.getByTestId('navbar').testVisual('tabs-navbar') - cy.getByTestId('navigation').testVisual('tabs-navigation') - cy.getByTestId('vertical').testVisual('tabs-vertical') - cy.getByTestId('overflow-stack').testVisual('tabs-overflow-stack') - cy.getByTestId('overflow-flex').testVisual('tabs-overflow-flex') - cy.getByTestId('vertical-list').testVisual('tabs-vertical-list') - cy.getByTestId('without-active-tab').testVisual('tabs-without-active-tab') - cy.getByTestId('brand-icons').testVisual('tabs-with-brand-icons') - }) - }) - - context('tablet', () => { - beforeEach(() => { - cy.visit('/components/bal-tabs/test/bal-tabs.visual.html').platform('tablet').waitForDesignSystem() - }) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('tabs-basic-tablet') - cy.getByTestId('expanded').testVisual('tabs-expanded-tablet') - cy.getByTestId('meta').testVisual('tabs-meta-tablet') - cy.getByTestId('navbar').testVisual('tabs-navbar-tablet') - cy.getByTestId('navigation').testVisual('tabs-navigation-tablet') - cy.getByTestId('vertical').testVisual('tabs-vertical-tablet') - cy.getByTestId('overflow-stack').testVisual('tabs-overflow-stack-tablet') - cy.getByTestId('overflow-flex').testVisual('tabs-overflow-flex-tablet') - cy.getByTestId('vertical-list').testVisual('tabs-vertical-list-tablet') - cy.getByTestId('without-active-tab').testVisual('tabs-without-active-tab-tablet') - }) - }) - - context('mobile', () => { - beforeEach(() => { - cy.visit('/components/bal-tabs/test/bal-tabs.visual.html').platform('mobile').waitForDesignSystem() - }) - - it('basic component', () => { - cy.getByTestId('basic').testVisual('tabs-basic-mobile') - cy.getByTestId('expanded').testVisual('tabs-expanded-mobile') - cy.getByTestId('meta').testVisual('tabs-meta-mobile') - cy.getByTestId('navbar').testVisual('tabs-navbar-mobile') - cy.getByTestId('navigation').testVisual('tabs-navigation-mobile') - cy.getByTestId('vertical').testVisual('tabs-vertical-mobile') - cy.getByTestId('overflow-stack').testVisual('tabs-overflow-stack-mobile') - cy.getByTestId('overflow-flex').testVisual('tabs-overflow-flex-mobile') - cy.getByTestId('vertical-list').testVisual('tabs-vertical-list-mobile') - cy.getByTestId('without-active-tab').testVisual('tabs-without-active-tab-mobile') - cy.getByTestId('brand-icons').testVisual('tabs-with-brand-icons-mobile') - }) - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-tag.visual.cy.ts b/e2e/cypress/e2e/visual/bal-tag.visual.cy.ts deleted file mode 100644 index 447b553072..0000000000 --- a/e2e/cypress/e2e/visual/bal-tag.visual.cy.ts +++ /dev/null @@ -1,7 +0,0 @@ -describe('bal-tag', () => { - beforeEach(() => cy.visit('/components/bal-tag/test/bal-tag.visual.html').waitForDesignSystem()) - - it('basic component', () => cy.getByTestId('basic').testVisual('tag-basic')) - - it('component variants', () => cy.testVisual('tag-variants')) -}) diff --git a/e2e/cypress/e2e/visual/bal-text.visual.cy.ts b/e2e/cypress/e2e/visual/bal-text.visual.cy.ts deleted file mode 100644 index 73bcaac4a6..0000000000 --- a/e2e/cypress/e2e/visual/bal-text.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -describe('bal-text', () => { - beforeEach(() => cy.visit('/components/bal-text/test/bal-text.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('text-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('text-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('text-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('text-variants-desktop') - - cy.platform('tablet') - cy.testVisual('text-variants-tablet') - - cy.platform('mobile') - cy.testVisual('text-variants-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-textarea.visual.cy.ts b/e2e/cypress/e2e/visual/bal-textarea.visual.cy.ts deleted file mode 100644 index f3cab35fdb..0000000000 --- a/e2e/cypress/e2e/visual/bal-textarea.visual.cy.ts +++ /dev/null @@ -1,35 +0,0 @@ -describe('bal-textarea', () => { - beforeEach(() => cy.visit('/components/bal-textarea/test/bal-textarea.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('textarea-basic') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('textarea-basic-mobile') - }) - - it('disabled component', () => { - cy.platform('desktop') - cy.getByTestId('disabled').testVisual('textarea-disabled') - - cy.platform('mobile') - cy.getByTestId('disabled').testVisual('textarea-disabled-mobile') - }) - - it('invalid component', () => { - cy.platform('desktop') - cy.getByTestId('invalid').testVisual('textarea-invalid') - - cy.platform('mobile') - cy.getByTestId('invalid').testVisual('textarea-invalid-mobile') - }) - - it('field component', () => { - cy.platform('desktop') - cy.getByTestId('field').testVisual('textarea-field') - - cy.platform('mobile') - cy.getByTestId('field').testVisual('textarea-field-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-time-input.visual.cy.ts b/e2e/cypress/e2e/visual/bal-time-input.visual.cy.ts deleted file mode 100644 index 6f574a004d..0000000000 --- a/e2e/cypress/e2e/visual/bal-time-input.visual.cy.ts +++ /dev/null @@ -1,35 +0,0 @@ -describe('bal-time-input', () => { - beforeEach(() => cy.visit('/components/bal-time-input/test/bal-time-input.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('time-input-basic') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('time-input-basic-mobile') - }) - - it('disabled component', () => { - cy.platform('desktop') - cy.getByTestId('disabled').testVisual('time-input-disabled') - - cy.platform('mobile') - cy.getByTestId('disabled').testVisual('time-input-disabled-mobile') - }) - - it('invalid component', () => { - cy.platform('desktop') - cy.getByTestId('invalid').testVisual('time-input-invalid') - - cy.platform('mobile') - cy.getByTestId('invalid').testVisual('time-input-invalid-mobile') - }) - - it('field component', () => { - cy.platform('desktop') - cy.getByTestId('field').testVisual('time-input-field') - - cy.platform('mobile') - cy.getByTestId('field').testVisual('time-input-field-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/bal-toast.visual.cy.ts b/e2e/cypress/e2e/visual/bal-toast.visual.cy.ts deleted file mode 100644 index f98d2f080f..0000000000 --- a/e2e/cypress/e2e/visual/bal-toast.visual.cy.ts +++ /dev/null @@ -1,25 +0,0 @@ -describe('bal-toast', () => { - beforeEach(() => cy.visit('/components/bal-toast/test/bal-toast.visual.html').waitForDesignSystem()) - - it('basic component', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('toast-basic') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('toast-basic-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('toast-basic-mobile') - }) - - it('component variants', () => { - cy.platform('desktop') - cy.testVisual('toast-variants') - - cy.platform('tablet') - cy.testVisual('toast-variants-tablet') - - cy.platform('mobile') - cy.testVisual('toast-variants-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-border.visual.cy.ts b/e2e/cypress/e2e/visual/css-border.visual.cy.ts deleted file mode 100644 index c78decf40e..0000000000 --- a/e2e/cypress/e2e/visual/css-border.visual.cy.ts +++ /dev/null @@ -1,15 +0,0 @@ -describe('css-border.visual', () => { - beforeEach(() => cy.visit('/test/css-border.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('border-none').testVisual('css-border-none') - cy.getByTestId('border-primary').testVisual('css-border-primary') - cy.getByTestId('border-grey').testVisual('css-border-grey') - cy.getByTestId('border-grey-dark').testVisual('css-border-grey-dark') - cy.getByTestId('border-warning').testVisual('css-border-warning') - cy.getByTestId('border-success').testVisual('css-border-success') - cy.getByTestId('border-danger').testVisual('css-border-danger') - cy.getByTestId('border-primary-light').testVisual('css-border-primary-light') - cy.getByTestId('border-white').testVisual('css-border-white') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-color.visual.cy.ts b/e2e/cypress/e2e/visual/css-color.visual.cy.ts deleted file mode 100644 index 7d7a9a2db9..0000000000 --- a/e2e/cypress/e2e/visual/css-color.visual.cy.ts +++ /dev/null @@ -1,19 +0,0 @@ -describe('css-color.visual', () => { - beforeEach(() => cy.visit('/test/css-color.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('basic').testVisual('css-background-color-basic') - cy.getByTestId('grey').testVisual('css-background-color-grey') - cy.getByTestId('blue').testVisual('css-background-color-blue') - cy.getByTestId('light-blue').testVisual('css-background-color-light-blue') - cy.getByTestId('purple').testVisual('css-background-color-purple') - cy.getByTestId('green').testVisual('css-background-color-green') - cy.getByTestId('yellow').testVisual('css-background-color-yellow') - cy.getByTestId('red').testVisual('css-background-color-red') - cy.getByTestId('info').testVisual('css-background-color-info') - cy.getByTestId('success').testVisual('css-background-color-success') - cy.getByTestId('warning').testVisual('css-background-color-warning') - cy.getByTestId('danger').testVisual('css-background-color-danger') - cy.getByTestId('primary').testVisual('css-background-color-primary') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-core.visual.cy.ts b/e2e/cypress/e2e/visual/css-core.visual.cy.ts deleted file mode 100644 index 042f56e606..0000000000 --- a/e2e/cypress/e2e/visual/css-core.visual.cy.ts +++ /dev/null @@ -1,7 +0,0 @@ -describe('css-core.visual', () => { - beforeEach(() => cy.visit('/test/css-core.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('basic').testVisual('css-core-basic') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-display.visual.cy.ts b/e2e/cypress/e2e/visual/css-display.visual.cy.ts deleted file mode 100644 index 1bc605cd11..0000000000 --- a/e2e/cypress/e2e/visual/css-display.visual.cy.ts +++ /dev/null @@ -1,29 +0,0 @@ -describe('css-display.visual', () => { - beforeEach(() => cy.visit('/test/css-display.visual.html').platform('desktop')) - - it('basic', () => { - cy.platform('desktop') - cy.getByTestId('display-block').testVisual('css-display-block-desktop') - cy.getByTestId('display-flex').testVisual('css-display-flex-desktop') - cy.getByTestId('display-inline').testVisual('css-display-inline-desktop') - cy.getByTestId('display-inline-block').testVisual('css-display-inline-block-desktop') - cy.getByTestId('display-inline-flex').testVisual('css-display-inline-flex-desktop') - cy.getByTestId('hidden').testVisual('css-display-hidden-desktop') - - cy.platform('tablet') - cy.getByTestId('display-block').testVisual('css-display-block-tablet') - cy.getByTestId('display-flex').testVisual('css-display-flex-tablet') - cy.getByTestId('display-inline').testVisual('css-display-inline-tablet') - cy.getByTestId('display-inline-block').testVisual('css-display-inline-block-tablet') - cy.getByTestId('display-inline-flex').testVisual('css-display-inline-flex-tablet') - cy.getByTestId('hidden').testVisual('css-display-hidden-tablet') - - cy.platform('mobile') - cy.getByTestId('display-block').testVisual('css-display-block-mobile') - cy.getByTestId('display-flex').testVisual('css-display-flex-mobile') - cy.getByTestId('display-inline').testVisual('css-display-inline-mobile') - cy.getByTestId('display-inline-block').testVisual('css-display-inline-block-mobile') - cy.getByTestId('display-inline-flex').testVisual('css-display-inline-flex-mobile') - cy.getByTestId('hidden').testVisual('css-display-hidden-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-flex.visual.cy.ts b/e2e/cypress/e2e/visual/css-flex.visual.cy.ts deleted file mode 100644 index 310ba238c4..0000000000 --- a/e2e/cypress/e2e/visual/css-flex.visual.cy.ts +++ /dev/null @@ -1,21 +0,0 @@ -describe('css-flex.visual', () => { - beforeEach(() => cy.visit('/test/css-flex.visual.html').platform('desktop')) - - it('basic', () => { - cy.platform('desktop') - cy.getByTestId('flex-direction').testVisual('css-flex-flex-direction-desktop') - cy.getByTestId('flex-wrap').testVisual('css-flex-flex-wrap-desktop') - cy.getByTestId('justify-content').testVisual('css-flex-justify-content-desktop') - cy.getByTestId('align-content').testVisual('css-flex-align-content-desktop') - cy.getByTestId('align-items').testVisual('css-flex-align-items-desktop') - cy.getByTestId('align-self').testVisual('css-flex-align-self-desktop') - cy.getByTestId('flex-operators').testVisual('css-flex-operators-desktop') - cy.getByTestId('flex-gap').testVisual('css-flex-gap-desktop') - - cy.platform('tablet') - cy.getByTestId('flex-gap').testVisual('css-flex-gap-tablet') - - cy.platform('mobile') - cy.getByTestId('flex-gap').testVisual('css-flex-gap-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-grid.visual.cy.ts b/e2e/cypress/e2e/visual/css-grid.visual.cy.ts deleted file mode 100644 index d272872c39..0000000000 --- a/e2e/cypress/e2e/visual/css-grid.visual.cy.ts +++ /dev/null @@ -1,41 +0,0 @@ -describe('css-grid.visual', () => { - beforeEach(() => cy.visit('/test/css-grid.visual.html').platform('desktop')) - - it('basic', () => { - cy.platform('desktop') - cy.getByTestId('basic').testVisual('css-grid-basic-desktop') - cy.getByTestId('column-sizes').testVisual('css-grid-column-sizes-desktop') - cy.getByTestId('column-offset').testVisual('css-grid-column-offset-desktop') - cy.getByTestId('rows').testVisual('css-grid-rows-desktop') - cy.getByTestId('nested').testVisual('css-grid-nested-desktop') - cy.getByTestId('space').testVisual('css-grid-space-desktop') - cy.getByTestId('breakpoint').testVisual('css-grid-breakpoint-desktop') - cy.getByTestId('vertical-alignment').testVisual('css-grid-vertical-alignment-desktop') - cy.getByTestId('horizontal-alignment').testVisual('css-grid-horizontal-alignment-desktop') - cy.getByTestId('stratch').testVisual('css-grid-stratch-desktop') - - cy.platform('tablet') - cy.getByTestId('basic').testVisual('css-grid-basic-tablet') - cy.getByTestId('column-sizes').testVisual('css-grid-column-sizes-tablet') - cy.getByTestId('column-offset').testVisual('css-grid-column-offset-tablet') - cy.getByTestId('rows').testVisual('css-grid-rows-tablet') - cy.getByTestId('nested').testVisual('css-grid-nested-tablet') - cy.getByTestId('space').testVisual('css-grid-space-tablet') - cy.getByTestId('breakpoint').testVisual('css-grid-breakpoint-tablet') - cy.getByTestId('vertical-alignment').testVisual('css-grid-vertical-alignment-tablet') - cy.getByTestId('horizontal-alignment').testVisual('css-grid-horizontal-alignment-tablet') - cy.getByTestId('stratch').testVisual('css-grid-stratch-tablet') - - cy.platform('mobile') - cy.getByTestId('basic').testVisual('css-grid-basic-mobile') - cy.getByTestId('column-sizes').testVisual('css-grid-column-sizes-mobile') - cy.getByTestId('column-offset').testVisual('css-grid-column-offset-mobile') - cy.getByTestId('rows').testVisual('css-grid-rows-mobile') - cy.getByTestId('nested').testVisual('css-grid-nested-mobile') - cy.getByTestId('space').testVisual('css-grid-space-mobile') - cy.getByTestId('breakpoint').testVisual('css-grid-breakpoint-mobile') - cy.getByTestId('vertical-alignment').testVisual('css-grid-vertical-alignment-mobile') - cy.getByTestId('horizontal-alignment').testVisual('css-grid-horizontal-alignment-mobile') - cy.getByTestId('stratch').testVisual('css-grid-stratch-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-inheritance.visual.cy.ts b/e2e/cypress/e2e/visual/css-inheritance.visual.cy.ts deleted file mode 100644 index a779f727aa..0000000000 --- a/e2e/cypress/e2e/visual/css-inheritance.visual.cy.ts +++ /dev/null @@ -1,11 +0,0 @@ -describe('css-inheritance.visual', () => { - beforeEach(() => cy.visit('/test/css-inheritance.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('colors').testVisual('css-inheritance-colors') - cy.getByTestId('border').testVisual('css-inheritance-border') - cy.getByTestId('display').testVisual('css-inheritance-display') - cy.getByTestId('opacity').testVisual('css-inheritance-opacity') - cy.getByTestId('shadow').testVisual('css-inheritance-shadow') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-opacity.visual.cy.ts b/e2e/cypress/e2e/visual/css-opacity.visual.cy.ts deleted file mode 100644 index 0eb7119eda..0000000000 --- a/e2e/cypress/e2e/visual/css-opacity.visual.cy.ts +++ /dev/null @@ -1,7 +0,0 @@ -describe('css-opacity.visual', () => { - beforeEach(() => cy.visit('/test/css-opacity.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('basic').testVisual('css-opacity-basic') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-radius.visual.cy.ts b/e2e/cypress/e2e/visual/css-radius.visual.cy.ts deleted file mode 100644 index b6ab3ecdca..0000000000 --- a/e2e/cypress/e2e/visual/css-radius.visual.cy.ts +++ /dev/null @@ -1,10 +0,0 @@ -describe('css-radius.visual', () => { - beforeEach(() => cy.visit('/test/css-radius.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('radius-none').testVisual('css-radius-none-basic') - cy.getByTestId('radius-normal').testVisual('css-radius-normal-basic') - cy.getByTestId('radius-large').testVisual('css-radius-large-basic') - cy.getByTestId('radius-rounded').testVisual('css-radius-rounded-basic') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-shadow.visual.cy.ts b/e2e/cypress/e2e/visual/css-shadow.visual.cy.ts deleted file mode 100644 index a2513e4839..0000000000 --- a/e2e/cypress/e2e/visual/css-shadow.visual.cy.ts +++ /dev/null @@ -1,8 +0,0 @@ -describe('css-shadow.visual', () => { - beforeEach(() => cy.visit('/test/css-shadow.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('basic').testVisual('css-shadow-basic') - cy.getByTestId('text-shadow').testVisual('css-shadow-text-shadow') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-spacing.visual.cy.ts b/e2e/cypress/e2e/visual/css-spacing.visual.cy.ts deleted file mode 100644 index 3636a359ba..0000000000 --- a/e2e/cypress/e2e/visual/css-spacing.visual.cy.ts +++ /dev/null @@ -1,56 +0,0 @@ -describe('css-spacing.visual', () => { - beforeEach(() => cy.visit('/test/css-spacing.visual.html').platform('desktop')) - - it('basic', () => { - cy.platform('desktop') - cy.getByTestId('padding').testVisual('css-spacing-padding-desktop') - cy.getByTestId('padding-top').testVisual('css-spacing-padding-top-desktop') - cy.getByTestId('padding-bottom').testVisual('css-spacing-padding-bottom-desktop') - cy.getByTestId('padding-left').testVisual('css-spacing-padding-left-desktop') - cy.getByTestId('padding-right').testVisual('css-spacing-padding-right-desktop') - cy.getByTestId('padding-x').testVisual('css-spacing-padding-x-desktop') - cy.getByTestId('padding-y').testVisual('css-spacing-padding-y-desktop') - - cy.getByTestId('margin').testVisual('css-spacing-margin-desktop') - cy.getByTestId('margin-top').testVisual('css-spacing-margin-top-desktop') - cy.getByTestId('margin-bottom').testVisual('css-spacing-margin-bottom-desktop') - cy.getByTestId('margin-left').testVisual('css-spacing-margin-left-desktop') - cy.getByTestId('margin-right').testVisual('css-spacing-margin-right-desktop') - cy.getByTestId('margin-x').testVisual('css-spacing-margin-x-desktop') - cy.getByTestId('margin-y').testVisual('css-spacing-margin-y-desktop') - - cy.platform('tablet') - cy.getByTestId('padding').testVisual('css-spacing-padding-tablet') - cy.getByTestId('padding-top').testVisual('css-spacing-padding-top-tablet') - cy.getByTestId('padding-bottom').testVisual('css-spacing-padding-bottom-tablet') - cy.getByTestId('padding-left').testVisual('css-spacing-padding-left-tablet') - cy.getByTestId('padding-right').testVisual('css-spacing-padding-right-tablet') - cy.getByTestId('padding-x').testVisual('css-spacing-padding-x-tablet') - cy.getByTestId('padding-y').testVisual('css-spacing-padding-y-tablet') - - cy.getByTestId('margin').testVisual('css-spacing-margin-tablet') - cy.getByTestId('margin-top').testVisual('css-spacing-margin-top-tablet') - cy.getByTestId('margin-bottom').testVisual('css-spacing-margin-bottom-tablet') - cy.getByTestId('margin-left').testVisual('css-spacing-margin-left-tablet') - cy.getByTestId('margin-right').testVisual('css-spacing-margin-right-tablet') - cy.getByTestId('margin-x').testVisual('css-spacing-margin-x-tablet') - cy.getByTestId('margin-y').testVisual('css-spacing-margin-y-tablet') - - cy.platform('mobile') - cy.getByTestId('padding').testVisual('css-spacing-padding-mobile') - cy.getByTestId('padding-top').testVisual('css-spacing-padding-top-mobile') - cy.getByTestId('padding-bottom').testVisual('css-spacing-padding-bottom-mobile') - cy.getByTestId('padding-left').testVisual('css-spacing-padding-left-mobile') - cy.getByTestId('padding-right').testVisual('css-spacing-padding-right-mobile') - cy.getByTestId('padding-x').testVisual('css-spacing-padding-x-mobile') - cy.getByTestId('padding-y').testVisual('css-spacing-padding-y-mobile') - - cy.getByTestId('margin').testVisual('css-spacing-margin-mobile') - cy.getByTestId('margin-top').testVisual('css-spacing-margin-top-mobile') - cy.getByTestId('margin-bottom').testVisual('css-spacing-margin-bottom-mobile') - cy.getByTestId('margin-left').testVisual('css-spacing-margin-left-mobile') - cy.getByTestId('margin-right').testVisual('css-spacing-margin-right-mobile') - cy.getByTestId('margin-x').testVisual('css-spacing-margin-x-mobile') - cy.getByTestId('margin-y').testVisual('css-spacing-margin-y-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-structure.visual.cy.ts b/e2e/cypress/e2e/visual/css-structure.visual.cy.ts deleted file mode 100644 index d87d7f1d74..0000000000 --- a/e2e/cypress/e2e/visual/css-structure.visual.cy.ts +++ /dev/null @@ -1,8 +0,0 @@ -describe('css-structure.visual', () => { - beforeEach(() => cy.visit('/test/css-structure.visual.html').platform('desktop').waitForDesignSystem()) - - it('basic', () => { - cy.getByTestId('basic').testVisual('css-structure-basic') - cy.getByTestId('inheritance').testVisual('css-structure-inheritance') - }) -}) diff --git a/e2e/cypress/e2e/visual/css-typography.visual.cy.ts b/e2e/cypress/e2e/visual/css-typography.visual.cy.ts deleted file mode 100644 index 05c52ad08c..0000000000 --- a/e2e/cypress/e2e/visual/css-typography.visual.cy.ts +++ /dev/null @@ -1,18 +0,0 @@ -describe('css-typography.visual', () => { - beforeEach(() => cy.visit('/test/css-typography.visual.html').platform('desktop')) - - it('basic', () => { - cy.getByTestId('display').testVisual('css-typography-display') - cy.getByTestId('title').testVisual('css-typography-title') - cy.getByTestId('text').testVisual('css-typography-text') - cy.getByTestId('colors').testVisual('css-typography-colors') - cy.getByTestId('styles').testVisual('css-typography-styles') - cy.getByTestId('alignment').testVisual('css-typography-alignment') - - cy.platform('mobile') - cy.getByTestId('display').testVisual('css-typography-display-mobile') - cy.getByTestId('title').testVisual('css-typography-title-mobile') - cy.getByTestId('text').testVisual('css-typography-text-mobile') - cy.getByTestId('alignment').testVisual('css-typography-alignment-mobile') - }) -}) diff --git a/e2e/cypress/e2e/visual/theme-compact.visual.cy.ts b/e2e/cypress/e2e/visual/theme-compact.visual.cy.ts deleted file mode 100644 index 25366a828c..0000000000 --- a/e2e/cypress/e2e/visual/theme-compact.visual.cy.ts +++ /dev/null @@ -1,13 +0,0 @@ -describe('theme-compact.visual', () => { - beforeEach(() => cy.visit('/test/theme-compact.visual.html').waitForDesignSystem().platform('desktop')) - - it('basic', () => { - cy.getByTestId('navbar').testVisual('theme-compact-navbar') - cy.getByTestId('typography').testVisual('theme-compact-typography') - cy.getByTestId('buttons').testVisual('theme-compact-buttons') - cy.getByTestId('tags').testVisual('theme-compact-tags') - cy.getByTestId('card').testVisual('theme-compact-card') - cy.getByTestId('table').testVisual('theme-compact-table') - cy.getByTestId('form').testVisual('theme-compact-form') - }) -}) diff --git a/e2e/cypress/tsconfig.json b/e2e/cypress/tsconfig.json index 4177ca7dfe..eaf3f272c4 100644 --- a/e2e/cypress/tsconfig.json +++ b/e2e/cypress/tsconfig.json @@ -9,5 +9,5 @@ "esModuleInterop": true }, "exclude": ["node_modules"], - "include": ["**/*.ts"] + "include": ["**/*.ts", "../../packages/core/src/test/theme-compact.visual.cy.ts"] } diff --git a/libs/output-target-web/package.json b/libs/output-target-web/package.json index 5c14bddaea..573836efe3 100644 --- a/libs/output-target-web/package.json +++ b/libs/output-target-web/package.json @@ -8,6 +8,9 @@ "fs-extra": "11.2.0", "replace-in-file": "~7.1.0" }, + "devDependencies": { + "@types/fs-extra": "11.0.4" + }, "type": "commonjs", "main": "./dist/src/index.js", "typings": "./dist/src/index.d.ts" diff --git a/package.json b/package.json index 34f8702014..e13e1890e4 100644 --- a/package.json +++ b/package.json @@ -146,6 +146,5 @@ "vite-plugin-dts": "~2.3.0", "vitest": "1.3.1", "zone.js": "~0.14.3" - }, - "packageManager": "pnpm@8.5.0+sha1.83c41fe4ebdb61e08446f8bb68a75fb48756b330" + } } diff --git a/packages/core/package.json b/packages/core/package.json index c01721c598..538f193e24 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -51,8 +51,8 @@ "tslib": "2.1.0" }, "devDependencies": { - "@baloise/output-target-angular": "0.0.0", - "@baloise/output-target-web": "0.0.0", + "@baloise/output-target-angular": "workspace:*", + "@baloise/output-target-web": "workspace:*", "@baloise/ds-maps": "19.8.3", "@baloise/ds-brand-icons": "19.8.3", "@baloise/ds-favicons": "19.8.3", diff --git a/packages/core/playwright.config.ts b/packages/core/playwright.config.ts index f69d14dc6e..b3ddcf7257 100644 --- a/packages/core/playwright.config.ts +++ b/packages/core/playwright.config.ts @@ -28,19 +28,20 @@ export default defineConfig({ */ timeout: 5000, toHaveScreenshot: { - // maxDiffPixelRatio: 0.2, + maxDiffPixelRatio: 0.1, threshold: 0.2, }, }, forbidOnly: !!process.env.CI, maxFailures: 0, /* Test retries help catch flaky tests on CI */ - retries: process.env.CI ? 2 : 0, + // retries: process.env.CI ? 2 : 0, + retries: 0, reportSlowTests: null, /* Opt out of parallel tests on CI. */ - workers: process.env.CI ? 1 : undefined, + workers: process.env.CI ? 2 : undefined, /* Reporter to use. See https://playwright.dev/docs/test-reporters */ - reporter: [['html'], ['github']], + reporter: [['list'], ['html'], ['github']], /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */ use: { baseURL, @@ -51,7 +52,7 @@ export default defineConfig({ webServer: { command: process.env.CI ? 'node ./packages/core/web-server.js' : 'npm run start', url: 'http://localhost:4000', - reuseExistingServer: !process.env.CI, + reuseExistingServer: false, cwd: workspaceRoot, }, projects: [ diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 10e0088d00..0def725627 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -85,7 +85,7 @@ export namespace Components { */ "toggle": () => Promise; /** - * @default 1 + * @default 2 */ "version": number; } @@ -6107,7 +6107,7 @@ declare namespace LocalJSX { */ "openLabel"?: string; /** - * @default 1 + * @default 2 */ "version"?: number; } diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.button.visual.html b/packages/core/src/components/bal-accordion/test/bal-accordion.v2.button.visual.html deleted file mode 100644 index 2a9b4b70ab..0000000000 --- a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.button.visual.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - -
- - -

Accordion Content

- - - - - -
- - - diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.stack.visual.html b/packages/core/src/components/bal-accordion/test/bal-accordion.v2.stack.visual.html deleted file mode 100644 index a322d75349..0000000000 --- a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.stack.visual.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - - - - - - - - -
- - - - - - With label and text - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos at repellendus vitae voluptates - officiis qui tempore. Veniam ab sed nostrum excepturi dignissimos maxime itaque optio tempore, - officiis enim, exercitationem ex. - - - - - - - -

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa voluptas minima iure quisquam consequatur, - magni fuga nostrum veniam reprehenderit omnis ad odio sint accusamus velit esse alias eligendi saepe - consequuntur? Ullam in accusantium dolore, numquam, quaerat id velit molestiae reprehenderit aut eos, - repellendus ducimus officiis. Distinctio possimus deserunt delectus est dolorem accusamus, neque assumenda - iure blanditiis mollitia, quae voluptatum. Placeat? Laboriosam maiores eum tenetur possimus voluptas. Id - quaerat dignissimos eius facilis molestias. Quaerat ipsa dolor a, rerum eius quos error atque inventore - vitae. Iste exercitationem illo voluptate laudantium voluptatem ipsa? -

- - -
- - - - diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.text.visual.html b/packages/core/src/components/bal-accordion/test/bal-accordion.v2.text.visual.html deleted file mode 100644 index 5eeccf7b0a..0000000000 --- a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.text.visual.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - - - - - - - - -
- - - - - - With label and text - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos at repellendus vitae voluptates - officiis qui tempore. Veniam ab sed nostrum excepturi dignissimos maxime itaque optio tempore, - officiis enim, exercitationem ex. - - - - - - - -

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa voluptas minima iure quisquam consequatur, - magni fuga nostrum veniam reprehenderit omnis ad odio sint accusamus velit esse alias eligendi saepe - consequuntur? Ullam in accusantium dolore, numquam, quaerat id velit molestiae reprehenderit aut eos, - repellendus ducimus officiis. Distinctio possimus deserunt delectus est dolorem accusamus, neque assumenda - iure blanditiis mollitia, quae voluptatum. Placeat? Laboriosam maiores eum tenetur possimus voluptas. Id - quaerat dignissimos eius facilis molestias. Quaerat ipsa dolor a, rerum eius quos error atque inventore - vitae. Iste exercitationem illo voluptate laudantium voluptatem ipsa? -

- - -
- - - - diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.visual.html b/packages/core/src/components/bal-accordion/test/bal-accordion.v2.visual.html deleted file mode 100644 index c9c580149b..0000000000 --- a/packages/core/src/components/bal-accordion/test/bal-accordion.v2.visual.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - -
- - -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex - ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum. -

- - - - - -
- - - diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.html b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.html index f71833b277..9b53c4058f 100644 --- a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.html +++ b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.html @@ -12,36 +12,127 @@
-
- -

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex - ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum. -

+ +
+ + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip + ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu + fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia + deserunt mollit anim id est laborum. +

+ + + +
-
- - BaloiseCombi - Police number 70/2.937.458 - + + +
+ + +

Accordion Content

+ + + + + +
+ + +
+ + + + + + With label and text + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos at repellendus vitae voluptates + officiis qui tempore. Veniam ab sed nostrum excepturi dignissimos maxime itaque optio tempore, + officiis enim, exercitationem ex. + + + + + + +

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. + Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa voluptas minima iure quisquam + consequatur, magni fuga nostrum veniam reprehenderit omnis ad odio sint accusamus velit esse alias + eligendi saepe consequuntur? Ullam in accusantium dolore, numquam, quaerat id velit molestiae + reprehenderit aut eos, repellendus ducimus officiis. Distinctio possimus deserunt delectus est dolorem + accusamus, neque assumenda iure blanditiis mollitia, quae voluptatum. Placeat? Laboriosam maiores eum + tenetur possimus voluptas. Id quaerat dignissimos eius facilis molestias. Quaerat ipsa dolor a, rerum + eius quos error atque inventore vitae. Iste exercitationem illo voluptate laudantium voluptatem ipsa?

- - + + +
+ + + +
+ + + + + + With label and text + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos at repellendus vitae voluptates + officiis qui tempore. Veniam ab sed nostrum excepturi dignissimos maxime itaque optio tempore, + officiis enim, exercitationem ex. + + + + + + + +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa voluptas minima iure quisquam + consequatur, magni fuga nostrum veniam reprehenderit omnis ad odio sint accusamus velit esse alias + eligendi saepe consequuntur? Ullam in accusantium dolore, numquam, quaerat id velit molestiae + reprehenderit aut eos, repellendus ducimus officiis. Distinctio possimus deserunt delectus est dolorem + accusamus, neque assumenda iure blanditiis mollitia, quae voluptatum. Placeat? Laboriosam maiores eum + tenetur possimus voluptas. Id quaerat dignissimos eius facilis molestias. Quaerat ipsa dolor a, rerum + eius quos error atque inventore vitae. Iste exercitationem illo voluptate laudantium voluptatem ipsa? +

+ +
+
diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts new file mode 100644 index 0000000000..d12f055da8 --- /dev/null +++ b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts @@ -0,0 +1,21 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-accordion' +const VARIANTS = ['basic', 'button', 'text-variant', 'stack'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}-closed`)) + const trigger = el.locator('bal-accordion-trigger').locator('button') + await trigger.click() + await expect(el).toHaveScreenshot(image(`${variant}-open`)) + }) +}) diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-desktop-chrome-linux.png new file mode 100644 index 0000000000..5b624b9357 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-desktop-safari-linux.png new file mode 100644 index 0000000000..c849ea3e91 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-mobile-chrome-linux.png new file mode 100644 index 0000000000..d496be1258 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-mobile-safari-linux.png new file mode 100644 index 0000000000..f99f434489 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-closed-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..2ed6600c45 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-desktop-safari-linux.png new file mode 100644 index 0000000000..b22e2b5287 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..6b1bb0758b Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-mobile-safari-linux.png new file mode 100644 index 0000000000..f7f4d7c6a3 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-basic-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-desktop-chrome-linux.png new file mode 100644 index 0000000000..d6bedd64f6 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-desktop-safari-linux.png new file mode 100644 index 0000000000..904df9e4a2 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-mobile-chrome-linux.png new file mode 100644 index 0000000000..e885b47e68 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-mobile-safari-linux.png new file mode 100644 index 0000000000..441a89dc6f Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-closed-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..5eae1a8a9c Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-desktop-safari-linux.png new file mode 100644 index 0000000000..eff77d9624 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..711ca77d37 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-mobile-safari-linux.png new file mode 100644 index 0000000000..79973854a0 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-button-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-desktop-chrome-linux.png new file mode 100644 index 0000000000..35e84ff025 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-desktop-safari-linux.png new file mode 100644 index 0000000000..4e91c07b0a Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-mobile-chrome-linux.png new file mode 100644 index 0000000000..825f552f5b Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-mobile-safari-linux.png new file mode 100644 index 0000000000..5bc702f292 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-closed-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..fedf519598 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-desktop-safari-linux.png new file mode 100644 index 0000000000..dfabc31b2d Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..d20690a207 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-mobile-safari-linux.png new file mode 100644 index 0000000000..cacd9ce64b Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-stack-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-desktop-chrome-linux.png new file mode 100644 index 0000000000..fc1156a640 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-desktop-safari-linux.png new file mode 100644 index 0000000000..96e54ce20c Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-mobile-chrome-linux.png new file mode 100644 index 0000000000..abc76761ca Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-mobile-safari-linux.png new file mode 100644 index 0000000000..7d4c34a7aa Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-closed-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-desktop-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..1e9fb7eab6 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-desktop-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-desktop-safari-linux.png new file mode 100644 index 0000000000..d807efe5a6 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-mobile-chrome-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..b4ffd9c358 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-mobile-safari-linux.png b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-mobile-safari-linux.png new file mode 100644 index 0000000000..4f3cf814a3 Binary files /dev/null and b/packages/core/src/components/bal-accordion/test/bal-accordion.visual.play.ts-snapshots/bal-accordion-text-variant-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.html b/packages/core/src/components/bal-badge/test/bal-badge.visual.html index a9edc97a65..b00957f283 100644 --- a/packages/core/src/components/bal-badge/test/bal-badge.visual.html +++ b/packages/core/src/components/bal-badge/test/bal-badge.visual.html @@ -38,14 +38,14 @@ Button -
+
S N L
-
+
42 42 diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts new file mode 100644 index 0000000000..e62ced5e40 --- /dev/null +++ b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-badge' +const VARIANTS = ['basic', 'icon', 'card', 'button', 'sizes', 'colors', 'long-content'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..14f933e5d9 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-desktop-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..eda66a8dcc Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..14f933e5d9 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-mobile-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..34009a8763 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-desktop-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-desktop-chrome-linux.png new file mode 100644 index 0000000000..6636c09403 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-desktop-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-desktop-safari-linux.png new file mode 100644 index 0000000000..5323a15b26 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-mobile-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-mobile-chrome-linux.png new file mode 100644 index 0000000000..6636c09403 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-mobile-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-mobile-safari-linux.png new file mode 100644 index 0000000000..cf9e84c1a4 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-button-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-desktop-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-desktop-chrome-linux.png new file mode 100644 index 0000000000..d586faa06c Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-desktop-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-desktop-safari-linux.png new file mode 100644 index 0000000000..7ca41c37fa Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-mobile-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-mobile-chrome-linux.png new file mode 100644 index 0000000000..96d0a49527 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-mobile-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-mobile-safari-linux.png new file mode 100644 index 0000000000..7a607c8663 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-card-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-desktop-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-desktop-chrome-linux.png new file mode 100644 index 0000000000..d41d7e68ff Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-desktop-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-desktop-safari-linux.png new file mode 100644 index 0000000000..10671f2041 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-mobile-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-mobile-chrome-linux.png new file mode 100644 index 0000000000..c54b3a079d Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-mobile-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-mobile-safari-linux.png new file mode 100644 index 0000000000..a97074183a Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-colors-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-desktop-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-desktop-chrome-linux.png new file mode 100644 index 0000000000..f18bd1dda4 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-desktop-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-desktop-safari-linux.png new file mode 100644 index 0000000000..09e3315617 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-mobile-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-mobile-chrome-linux.png new file mode 100644 index 0000000000..f18bd1dda4 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-mobile-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-mobile-safari-linux.png new file mode 100644 index 0000000000..09e3315617 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-icon-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-desktop-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-desktop-chrome-linux.png new file mode 100644 index 0000000000..72df024497 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-desktop-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-desktop-safari-linux.png new file mode 100644 index 0000000000..3d843cbbab Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-mobile-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-mobile-chrome-linux.png new file mode 100644 index 0000000000..4ace02b37b Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-mobile-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-mobile-safari-linux.png new file mode 100644 index 0000000000..b3a6b7c2bb Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-long-content-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-desktop-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-desktop-chrome-linux.png new file mode 100644 index 0000000000..68615ee107 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-desktop-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-desktop-safari-linux.png new file mode 100644 index 0000000000..fdc1e65fb3 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-mobile-chrome-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-mobile-chrome-linux.png new file mode 100644 index 0000000000..99075c23bf Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-mobile-safari-linux.png b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-mobile-safari-linux.png new file mode 100644 index 0000000000..dad68df166 Binary files /dev/null and b/packages/core/src/components/bal-badge/test/bal-badge.visual.play.ts-snapshots/bal-badge-sizes-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts new file mode 100644 index 0000000000..44ff805dd5 --- /dev/null +++ b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts @@ -0,0 +1,37 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-button' +const VARIANTS = [ + 'primary', + 'colors', + 'colors-alternatives', + 'sizes', + 'inverted', + 'expanded', + 'flat', + 'icon-right', + 'outlined', + 'rounded', + 'shadow', + 'variants', + 'states', + 'alert', + 'square', + 'group', + 'links', + 'inverted-links', +] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-desktop-chrome-linux.png new file mode 100644 index 0000000000..be974d2fe2 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-desktop-safari-linux.png new file mode 100644 index 0000000000..fc74ff6a43 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-mobile-chrome-linux.png new file mode 100644 index 0000000000..b61ec7d43f Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-mobile-safari-linux.png new file mode 100644 index 0000000000..23a013b6ba Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-alert-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-desktop-chrome-linux.png new file mode 100644 index 0000000000..549d212f54 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-desktop-safari-linux.png new file mode 100644 index 0000000000..227bb08af9 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-mobile-chrome-linux.png new file mode 100644 index 0000000000..680bc75a8d Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-mobile-safari-linux.png new file mode 100644 index 0000000000..16ffee7434 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-alternatives-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-desktop-chrome-linux.png new file mode 100644 index 0000000000..0449c1c7a5 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-desktop-safari-linux.png new file mode 100644 index 0000000000..e326d4907e Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-mobile-chrome-linux.png new file mode 100644 index 0000000000..44b408f7e4 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-mobile-safari-linux.png new file mode 100644 index 0000000000..9d65042ad4 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-colors-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-desktop-chrome-linux.png new file mode 100644 index 0000000000..3ae2112241 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-desktop-safari-linux.png new file mode 100644 index 0000000000..3e75365473 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-mobile-chrome-linux.png new file mode 100644 index 0000000000..6c8e500645 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-mobile-safari-linux.png new file mode 100644 index 0000000000..ac5e0dce52 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-expanded-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-desktop-chrome-linux.png new file mode 100644 index 0000000000..e26c4f9555 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-desktop-safari-linux.png new file mode 100644 index 0000000000..97dbcdab23 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-mobile-chrome-linux.png new file mode 100644 index 0000000000..8d40243582 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-mobile-safari-linux.png new file mode 100644 index 0000000000..ae23f0ae16 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-flat-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-desktop-chrome-linux.png new file mode 100644 index 0000000000..2593d2cfa5 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-desktop-safari-linux.png new file mode 100644 index 0000000000..7dc73001aa Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-mobile-chrome-linux.png new file mode 100644 index 0000000000..1b555ace8c Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-mobile-safari-linux.png new file mode 100644 index 0000000000..c333d8b719 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-group-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-desktop-chrome-linux.png new file mode 100644 index 0000000000..110dc5452c Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-desktop-safari-linux.png new file mode 100644 index 0000000000..38a10be69b Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-mobile-chrome-linux.png new file mode 100644 index 0000000000..2348f38ec1 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-mobile-safari-linux.png new file mode 100644 index 0000000000..a7380742bc Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-icon-right-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-desktop-chrome-linux.png new file mode 100644 index 0000000000..d6108b4935 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-desktop-safari-linux.png new file mode 100644 index 0000000000..fe3f87990c Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-desktop-chrome-linux.png new file mode 100644 index 0000000000..79f74bb920 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-desktop-safari-linux.png new file mode 100644 index 0000000000..6955795857 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-mobile-chrome-linux.png new file mode 100644 index 0000000000..5e6ac46d01 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-mobile-safari-linux.png new file mode 100644 index 0000000000..a9309e07d1 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-links-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-mobile-chrome-linux.png new file mode 100644 index 0000000000..de50dc705e Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-mobile-safari-linux.png new file mode 100644 index 0000000000..78087b62dc Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-inverted-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-desktop-chrome-linux.png new file mode 100644 index 0000000000..de36b84066 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-desktop-safari-linux.png new file mode 100644 index 0000000000..9c03c3eb05 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-mobile-chrome-linux.png new file mode 100644 index 0000000000..93180ea6c9 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-mobile-safari-linux.png new file mode 100644 index 0000000000..188b0fb1f5 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-links-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-desktop-chrome-linux.png new file mode 100644 index 0000000000..57574857e4 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-desktop-safari-linux.png new file mode 100644 index 0000000000..5d46d3fa22 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-mobile-chrome-linux.png new file mode 100644 index 0000000000..1dad3ced35 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-mobile-safari-linux.png new file mode 100644 index 0000000000..cea9e54187 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-outlined-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-desktop-chrome-linux.png new file mode 100644 index 0000000000..525abcf71a Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-desktop-safari-linux.png new file mode 100644 index 0000000000..c231ceef64 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-mobile-chrome-linux.png new file mode 100644 index 0000000000..b5d2c0171c Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-mobile-safari-linux.png new file mode 100644 index 0000000000..5cc6fcb6ef Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-primary-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-desktop-chrome-linux.png new file mode 100644 index 0000000000..6cce3efdb4 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-desktop-safari-linux.png new file mode 100644 index 0000000000..2f0993e669 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-mobile-chrome-linux.png new file mode 100644 index 0000000000..50242f92a3 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-mobile-safari-linux.png new file mode 100644 index 0000000000..843325610e Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-rounded-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-desktop-chrome-linux.png new file mode 100644 index 0000000000..7834b325ef Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-desktop-safari-linux.png new file mode 100644 index 0000000000..8975505488 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-mobile-chrome-linux.png new file mode 100644 index 0000000000..8f18a7d24b Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-mobile-safari-linux.png new file mode 100644 index 0000000000..2410e1361d Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-shadow-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-desktop-chrome-linux.png new file mode 100644 index 0000000000..d571bd6ea7 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-desktop-safari-linux.png new file mode 100644 index 0000000000..0ca8116788 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-mobile-chrome-linux.png new file mode 100644 index 0000000000..7a9096172a Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-mobile-safari-linux.png new file mode 100644 index 0000000000..33facf0476 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-sizes-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-desktop-chrome-linux.png new file mode 100644 index 0000000000..a92c574991 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-desktop-safari-linux.png new file mode 100644 index 0000000000..e2eef09cf5 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-mobile-chrome-linux.png new file mode 100644 index 0000000000..f41bd234e4 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-mobile-safari-linux.png new file mode 100644 index 0000000000..544d3453c2 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-square-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-desktop-chrome-linux.png new file mode 100644 index 0000000000..821ddcc823 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-desktop-safari-linux.png new file mode 100644 index 0000000000..3c1b560f9e Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-mobile-chrome-linux.png new file mode 100644 index 0000000000..e74d84a888 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-mobile-safari-linux.png new file mode 100644 index 0000000000..ad79783408 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-states-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-desktop-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-desktop-chrome-linux.png new file mode 100644 index 0000000000..9ee17eaac4 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-desktop-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-desktop-safari-linux.png new file mode 100644 index 0000000000..287e3f1626 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-mobile-chrome-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-mobile-chrome-linux.png new file mode 100644 index 0000000000..10849b1602 Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-mobile-safari-linux.png b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-mobile-safari-linux.png new file mode 100644 index 0000000000..f7e72c515a Binary files /dev/null and b/packages/core/src/components/bal-button/test/bal-button.visual.play.ts-snapshots/bal-button-variants-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts new file mode 100644 index 0000000000..aa6c1dfcdc --- /dev/null +++ b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-card' +const VARIANTS = ['basic', 'colors', 'flat', 'square', 'border', 'space'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..94fb32e78f Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-desktop-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..0154d72221 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..92d6b46731 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-mobile-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..2f1af51831 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-desktop-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-desktop-chrome-linux.png new file mode 100644 index 0000000000..674291f15c Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-desktop-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-desktop-safari-linux.png new file mode 100644 index 0000000000..3cc49bdf95 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-mobile-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-mobile-chrome-linux.png new file mode 100644 index 0000000000..69f9b3261a Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-mobile-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-mobile-safari-linux.png new file mode 100644 index 0000000000..6d4d6ecd03 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-border-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-desktop-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-desktop-chrome-linux.png new file mode 100644 index 0000000000..4d92cd2e6e Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-desktop-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-desktop-safari-linux.png new file mode 100644 index 0000000000..7b2ac3d6c1 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-mobile-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-mobile-chrome-linux.png new file mode 100644 index 0000000000..d85c3d95c3 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-mobile-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-mobile-safari-linux.png new file mode 100644 index 0000000000..b8552ca950 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-colors-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-desktop-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-desktop-chrome-linux.png new file mode 100644 index 0000000000..a3ca869d78 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-desktop-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-desktop-safari-linux.png new file mode 100644 index 0000000000..06702fc91a Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-mobile-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-mobile-chrome-linux.png new file mode 100644 index 0000000000..724227027e Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-mobile-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-mobile-safari-linux.png new file mode 100644 index 0000000000..bc17588947 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-flat-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-desktop-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-desktop-chrome-linux.png new file mode 100644 index 0000000000..06b36d3326 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-desktop-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-desktop-safari-linux.png new file mode 100644 index 0000000000..51ab700a9e Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-mobile-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-mobile-chrome-linux.png new file mode 100644 index 0000000000..06bd0440c9 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-mobile-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-mobile-safari-linux.png new file mode 100644 index 0000000000..9252049519 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-space-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-desktop-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-desktop-chrome-linux.png new file mode 100644 index 0000000000..1d91c4479b Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-desktop-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-desktop-safari-linux.png new file mode 100644 index 0000000000..6680370474 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-mobile-chrome-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-mobile-chrome-linux.png new file mode 100644 index 0000000000..6bac902f82 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-mobile-safari-linux.png b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-mobile-safari-linux.png new file mode 100644 index 0000000000..3284273516 Binary files /dev/null and b/packages/core/src/components/bal-card/test/bal-card.visual.play.ts-snapshots/bal-card-square-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts new file mode 100644 index 0000000000..02dfe87064 --- /dev/null +++ b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-carousel' +const VARIANTS = ['basic', 'image', 'product', 'card', 'card-with-value', 'responsive'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..830b567c1f Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-desktop-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..8f3dbe7485 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..e2e0847672 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-mobile-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..66f80ab5d5 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-desktop-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-desktop-chrome-linux.png new file mode 100644 index 0000000000..25e2cf3a2d Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-desktop-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-desktop-safari-linux.png new file mode 100644 index 0000000000..3bcc0112b9 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-mobile-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-mobile-chrome-linux.png new file mode 100644 index 0000000000..a02d87f17e Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-mobile-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-mobile-safari-linux.png new file mode 100644 index 0000000000..02cf887bf4 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-desktop-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-desktop-chrome-linux.png new file mode 100644 index 0000000000..82cf822353 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-desktop-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-desktop-safari-linux.png new file mode 100644 index 0000000000..2795472121 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-mobile-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-mobile-chrome-linux.png new file mode 100644 index 0000000000..61ec6deae1 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-mobile-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-mobile-safari-linux.png new file mode 100644 index 0000000000..9fe3a63cde Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-card-with-value-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-desktop-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-desktop-chrome-linux.png new file mode 100644 index 0000000000..f1502214f8 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-desktop-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-desktop-safari-linux.png new file mode 100644 index 0000000000..db41cd6d84 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-mobile-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-mobile-chrome-linux.png new file mode 100644 index 0000000000..6a95e9df25 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-mobile-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-mobile-safari-linux.png new file mode 100644 index 0000000000..c77b3a8817 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-image-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-desktop-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-desktop-chrome-linux.png new file mode 100644 index 0000000000..b26de1add3 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-desktop-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-desktop-safari-linux.png new file mode 100644 index 0000000000..6a812daed5 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-mobile-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-mobile-chrome-linux.png new file mode 100644 index 0000000000..22bc2b0a66 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-mobile-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-mobile-safari-linux.png new file mode 100644 index 0000000000..541c95018a Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-product-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-desktop-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-desktop-chrome-linux.png new file mode 100644 index 0000000000..d3100efae6 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-desktop-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-desktop-safari-linux.png new file mode 100644 index 0000000000..233b5f72e2 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-mobile-chrome-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-mobile-chrome-linux.png new file mode 100644 index 0000000000..e6f3461f16 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-mobile-safari-linux.png b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-mobile-safari-linux.png new file mode 100644 index 0000000000..82d5928474 Binary files /dev/null and b/packages/core/src/components/bal-carousel/test/bal-carousel.visual.play.ts-snapshots/bal-carousel-responsive-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts new file mode 100644 index 0000000000..6c1cb086e3 --- /dev/null +++ b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-checkbox' +const VARIANTS = ['check', 'switch'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}-icons.visual.html`) + await page.waitForSelector('bal-check') +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-desktop-chrome-linux.png new file mode 100644 index 0000000000..f9b3c59934 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-desktop-safari-linux.png new file mode 100644 index 0000000000..f687d67ab0 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-mobile-chrome-linux.png new file mode 100644 index 0000000000..00c17744bd Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-mobile-safari-linux.png new file mode 100644 index 0000000000..a9439491b3 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-check-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-desktop-chrome-linux.png new file mode 100644 index 0000000000..1266519a4b Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-desktop-safari-linux.png new file mode 100644 index 0000000000..2359f1c851 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-mobile-chrome-linux.png new file mode 100644 index 0000000000..6192708d92 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-mobile-safari-linux.png new file mode 100644 index 0000000000..925eff6f95 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-icons.visual.play.ts-snapshots/bal-checkbox-switch-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts new file mode 100644 index 0000000000..0f95c607f8 --- /dev/null +++ b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-checkbox' +const VARIANTS = ['basic', 'grid', 'colors'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}-tiles.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..477da34899 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..fb2215daf3 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..e81262f84d Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..2021c08d20 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-desktop-chrome-linux.png new file mode 100644 index 0000000000..d3150ff37a Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-desktop-safari-linux.png new file mode 100644 index 0000000000..f4ed1673ea Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-mobile-chrome-linux.png new file mode 100644 index 0000000000..178af4cf6d Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-mobile-safari-linux.png new file mode 100644 index 0000000000..a4bf174118 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-colors-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-desktop-chrome-linux.png new file mode 100644 index 0000000000..5c757f3528 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-desktop-safari-linux.png new file mode 100644 index 0000000000..31eaac921b Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-mobile-chrome-linux.png new file mode 100644 index 0000000000..0ec771047b Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-mobile-safari-linux.png new file mode 100644 index 0000000000..e298481740 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.ts-snapshots/bal-checkbox-grid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts new file mode 100644 index 0000000000..2ccdcfb862 --- /dev/null +++ b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts @@ -0,0 +1,35 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-checkbox' +const VARIANTS = [ + 'checkbox-basic', + 'checkbox-invalid', + 'checkbox-disabled', + 'checkbox-others', + 'checkbox-long-label', + 'switch-basic', + 'switch-invalid', + 'switch-disabled', + 'switch-others', + 'switch-long-label', + 'button-basic', + 'button-invalid', + 'button-disabled', + 'button-long-label', + 'group-vertical', + 'group-vertical-on-mobile', +] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..e1ac0b35ee Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..175ad103e3 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..9daeeaa99d Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..573059addb Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-desktop-chrome-linux.png new file mode 100644 index 0000000000..492ca0e3ca Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-desktop-safari-linux.png new file mode 100644 index 0000000000..751929b0b9 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-mobile-chrome-linux.png new file mode 100644 index 0000000000..1d00f9a839 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-mobile-safari-linux.png new file mode 100644 index 0000000000..e4c5aaa9b3 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-disabled-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-desktop-chrome-linux.png new file mode 100644 index 0000000000..72039d9239 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-desktop-safari-linux.png new file mode 100644 index 0000000000..e90707820e Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-mobile-chrome-linux.png new file mode 100644 index 0000000000..fb76248818 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-mobile-safari-linux.png new file mode 100644 index 0000000000..029cf00f25 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-invalid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-desktop-chrome-linux.png new file mode 100644 index 0000000000..746c808f60 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-desktop-safari-linux.png new file mode 100644 index 0000000000..83250fc959 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-mobile-chrome-linux.png new file mode 100644 index 0000000000..7a97aad8f1 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-mobile-safari-linux.png new file mode 100644 index 0000000000..7432baade2 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-button-long-label-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..72d0453e19 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..aa1f5d72b7 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..5a51944c7a Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..175db0e11f Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-desktop-chrome-linux.png new file mode 100644 index 0000000000..8d287ace6a Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-desktop-safari-linux.png new file mode 100644 index 0000000000..7b9602c2a5 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-mobile-chrome-linux.png new file mode 100644 index 0000000000..b122d8c95f Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-mobile-safari-linux.png new file mode 100644 index 0000000000..28347aa377 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-disabled-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-desktop-chrome-linux.png new file mode 100644 index 0000000000..0606cc1153 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-desktop-safari-linux.png new file mode 100644 index 0000000000..e2c1c7ece4 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-mobile-chrome-linux.png new file mode 100644 index 0000000000..c221e6d6a2 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-mobile-safari-linux.png new file mode 100644 index 0000000000..ec2fc031ec Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-invalid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-desktop-chrome-linux.png new file mode 100644 index 0000000000..d032b915b9 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-desktop-safari-linux.png new file mode 100644 index 0000000000..f29a1cef48 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-mobile-chrome-linux.png new file mode 100644 index 0000000000..e3a17fd730 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-mobile-safari-linux.png new file mode 100644 index 0000000000..2b63429f47 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-long-label-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-desktop-chrome-linux.png new file mode 100644 index 0000000000..d0fbf14a7a Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-desktop-safari-linux.png new file mode 100644 index 0000000000..dff71da412 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-mobile-chrome-linux.png new file mode 100644 index 0000000000..a39c87a227 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-mobile-safari-linux.png new file mode 100644 index 0000000000..7411936dcc Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-checkbox-others-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-desktop-chrome-linux.png new file mode 100644 index 0000000000..829b21126b Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-desktop-safari-linux.png new file mode 100644 index 0000000000..dd9396f41c Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-mobile-chrome-linux.png new file mode 100644 index 0000000000..4e262ef4f7 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-mobile-safari-linux.png new file mode 100644 index 0000000000..18efeb11d4 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-desktop-chrome-linux.png new file mode 100644 index 0000000000..564ec6b409 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-desktop-safari-linux.png new file mode 100644 index 0000000000..d7369ed5a4 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-mobile-chrome-linux.png new file mode 100644 index 0000000000..6d1721dce6 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-mobile-safari-linux.png new file mode 100644 index 0000000000..3ee1e64778 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-group-vertical-on-mobile-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..9f1bb2e5c1 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..161ebdf787 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..f09bed437f Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..fd3e85045f Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-desktop-chrome-linux.png new file mode 100644 index 0000000000..c678855627 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-desktop-safari-linux.png new file mode 100644 index 0000000000..04df857960 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-mobile-chrome-linux.png new file mode 100644 index 0000000000..c7c90af25b Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-mobile-safari-linux.png new file mode 100644 index 0000000000..b74bd33d0a Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-disabled-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-desktop-chrome-linux.png new file mode 100644 index 0000000000..3ddcafc076 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-desktop-safari-linux.png new file mode 100644 index 0000000000..e2e58fc208 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-mobile-chrome-linux.png new file mode 100644 index 0000000000..2df66153ae Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-mobile-safari-linux.png new file mode 100644 index 0000000000..185033edde Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-invalid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-desktop-chrome-linux.png new file mode 100644 index 0000000000..f4b65330d9 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-desktop-safari-linux.png new file mode 100644 index 0000000000..880a0e2e67 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-mobile-chrome-linux.png new file mode 100644 index 0000000000..9a796f3562 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-mobile-safari-linux.png new file mode 100644 index 0000000000..01a2620526 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-long-label-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-desktop-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-desktop-chrome-linux.png new file mode 100644 index 0000000000..6a1feacbfd Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-desktop-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-desktop-safari-linux.png new file mode 100644 index 0000000000..605f746a23 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-mobile-chrome-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-mobile-chrome-linux.png new file mode 100644 index 0000000000..e467f3fa99 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-mobile-safari-linux.png b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-mobile-safari-linux.png new file mode 100644 index 0000000000..8a7f40bc24 Binary files /dev/null and b/packages/core/src/components/bal-checkbox/test/bal-checkbox.visual.play.ts-snapshots/bal-checkbox-switch-others-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.html b/packages/core/src/components/bal-close/test/bal-close.visual.html index 900a3fe1c0..625fbf47bd 100644 --- a/packages/core/src/components/bal-close/test/bal-close.visual.html +++ b/packages/core/src/components/bal-close/test/bal-close.visual.html @@ -15,13 +15,13 @@
-
+
-
+
diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts new file mode 100644 index 0000000000..3bd6ee8518 --- /dev/null +++ b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-close' +const VARIANTS = ['basic', 'sizes', 'inverted'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..974c5b1e60 Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-desktop-safari-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..02b7a9bccc Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..974c5b1e60 Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-mobile-safari-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..02b7a9bccc Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-desktop-chrome-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-desktop-chrome-linux.png new file mode 100644 index 0000000000..6d625e971e Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-desktop-safari-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-desktop-safari-linux.png new file mode 100644 index 0000000000..a4d793def1 Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-mobile-chrome-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-mobile-chrome-linux.png new file mode 100644 index 0000000000..5902da8085 Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-mobile-safari-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-mobile-safari-linux.png new file mode 100644 index 0000000000..eba6be636b Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-inverted-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-desktop-chrome-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-desktop-chrome-linux.png new file mode 100644 index 0000000000..be7f910cab Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-desktop-safari-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-desktop-safari-linux.png new file mode 100644 index 0000000000..4c87d408e7 Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-mobile-chrome-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-mobile-chrome-linux.png new file mode 100644 index 0000000000..773d100767 Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-mobile-safari-linux.png b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-mobile-safari-linux.png new file mode 100644 index 0000000000..db2936d940 Binary files /dev/null and b/packages/core/src/components/bal-close/test/bal-close.visual.play.ts-snapshots/bal-close-sizes-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts new file mode 100644 index 0000000000..f9a1a988cf --- /dev/null +++ b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-content' +const VARIANTS = ['basic', 'alignment', 'direction', 'space'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-desktop-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-desktop-chrome-linux.png new file mode 100644 index 0000000000..0df55948e2 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-desktop-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-desktop-safari-linux.png new file mode 100644 index 0000000000..5af4dd9937 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-mobile-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-mobile-chrome-linux.png new file mode 100644 index 0000000000..d579b3de27 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-mobile-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-mobile-safari-linux.png new file mode 100644 index 0000000000..7c305b4dc8 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-alignment-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..968547ff16 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-desktop-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..8dca01fa50 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..b0e162112c Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-mobile-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..724bfd5007 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-desktop-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-desktop-chrome-linux.png new file mode 100644 index 0000000000..c96d61a742 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-desktop-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-desktop-safari-linux.png new file mode 100644 index 0000000000..cd69064dae Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-mobile-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-mobile-chrome-linux.png new file mode 100644 index 0000000000..0eb6114751 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-mobile-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-mobile-safari-linux.png new file mode 100644 index 0000000000..fdc2426684 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-direction-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-desktop-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-desktop-chrome-linux.png new file mode 100644 index 0000000000..d9abc451da Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-desktop-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-desktop-safari-linux.png new file mode 100644 index 0000000000..32927f6965 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-mobile-chrome-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-mobile-chrome-linux.png new file mode 100644 index 0000000000..833e8b2517 Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-mobile-safari-linux.png b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-mobile-safari-linux.png new file mode 100644 index 0000000000..f0986c59ea Binary files /dev/null and b/packages/core/src/components/bal-content/test/bal-content.visual.play.ts-snapshots/bal-content-space-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-data/test/bal-data.visual.play.ts b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts new file mode 100644 index 0000000000..b4d8916b74 --- /dev/null +++ b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-data' +const VARIANTS = ['basic'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..26fb84f721 Binary files /dev/null and b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-desktop-safari-linux.png b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..df28868de7 Binary files /dev/null and b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..90a97a3121 Binary files /dev/null and b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-mobile-safari-linux.png b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..ddfe2e8a32 Binary files /dev/null and b/packages/core/src/components/bal-data/test/bal-data.visual.play.ts-snapshots/bal-data-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/bal-date-calendar/components/bal-date-calendar__nav.tsx b/packages/core/src/components/bal-date/bal-date-calendar/components/bal-date-calendar__nav.tsx index 5a6c0ccbee..73e9eeadca 100644 --- a/packages/core/src/components/bal-date/bal-date-calendar/components/bal-date-calendar__nav.tsx +++ b/packages/core/src/components/bal-date/bal-date-calendar/components/bal-date-calendar__nav.tsx @@ -43,7 +43,7 @@ export const CalendarNav: FunctionalComponent = ({ title={selectMonthLabel} aria-label={selectMonthLabel} tabIndex={-1} - data-test="change-year-month" + data-testid="change-year-month" onClick={onClickSelectMonthAndYear} > @@ -63,7 +63,7 @@ export const CalendarNav: FunctionalComponent = ({ aria-label={previousMonthLabel} onClick={onClickPreviousMonth} tabIndex={-1} - data-test="previous-month" + data-testid="previous-month" > @@ -72,7 +72,7 @@ export const CalendarNav: FunctionalComponent = ({ aria-label={nextMonthLabel} onClick={onClickNextMonth} tabIndex={-1} - data-test="next-month" + data-testid="next-month" > diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts new file mode 100644 index 0000000000..6a8b1b0995 --- /dev/null +++ b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts @@ -0,0 +1,29 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-date' +const VARIANTS = [ + 'basic', + 'basic-placeholder', + 'basic-value', + 'invalid', + 'invalid-placeholder', + 'invalid-invalid', + 'disabled', + 'disabled-placeholder', + 'disabled-disabled', + 'free-solo', +] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..d745813e92 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..051117b870 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..05ec31551b Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..318846140a Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-desktop-chrome-linux.png new file mode 100644 index 0000000000..7d70846d66 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-desktop-safari-linux.png new file mode 100644 index 0000000000..3441664ae5 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-mobile-chrome-linux.png new file mode 100644 index 0000000000..98b61854df Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-mobile-safari-linux.png new file mode 100644 index 0000000000..ef99233b3f Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-placeholder-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-desktop-chrome-linux.png new file mode 100644 index 0000000000..394d80bea8 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-desktop-safari-linux.png new file mode 100644 index 0000000000..3139303fed Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-mobile-chrome-linux.png new file mode 100644 index 0000000000..e495585bb4 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-mobile-safari-linux.png new file mode 100644 index 0000000000..b01d951d82 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-basic-value-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-desktop-chrome-linux.png new file mode 100644 index 0000000000..fbfe316e6d Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-desktop-safari-linux.png new file mode 100644 index 0000000000..12bdfc035c Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-desktop-chrome-linux.png new file mode 100644 index 0000000000..743b556315 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-desktop-safari-linux.png new file mode 100644 index 0000000000..a7d85e3d46 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-mobile-chrome-linux.png new file mode 100644 index 0000000000..6b8ce9a449 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-mobile-safari-linux.png new file mode 100644 index 0000000000..c6ec2e493c Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-disabled-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-mobile-chrome-linux.png new file mode 100644 index 0000000000..0366f18b5d Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-mobile-safari-linux.png new file mode 100644 index 0000000000..db1fe5fe52 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-desktop-chrome-linux.png new file mode 100644 index 0000000000..197f538be2 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-desktop-safari-linux.png new file mode 100644 index 0000000000..3b27954acd Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-mobile-chrome-linux.png new file mode 100644 index 0000000000..93e37cca29 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-mobile-safari-linux.png new file mode 100644 index 0000000000..4933ca3c45 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-disabled-placeholder-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-desktop-chrome-linux.png new file mode 100644 index 0000000000..817a254b0f Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-desktop-safari-linux.png new file mode 100644 index 0000000000..1aac70acea Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-mobile-chrome-linux.png new file mode 100644 index 0000000000..69a07e990e Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-mobile-safari-linux.png new file mode 100644 index 0000000000..a8d8eb6fae Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-free-solo-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-desktop-chrome-linux.png new file mode 100644 index 0000000000..3e520f554b Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-desktop-safari-linux.png new file mode 100644 index 0000000000..2de4eaa8ac Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-desktop-chrome-linux.png new file mode 100644 index 0000000000..ca97695eb6 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-desktop-safari-linux.png new file mode 100644 index 0000000000..56f9282e62 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-mobile-chrome-linux.png new file mode 100644 index 0000000000..db3e45549b Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-mobile-safari-linux.png new file mode 100644 index 0000000000..0bc5cab856 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-invalid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-mobile-chrome-linux.png new file mode 100644 index 0000000000..ff3b2b4fe7 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-mobile-safari-linux.png new file mode 100644 index 0000000000..5a16f3ea50 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-desktop-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-desktop-chrome-linux.png new file mode 100644 index 0000000000..9c021ec64e Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-desktop-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-desktop-safari-linux.png new file mode 100644 index 0000000000..ce957802ee Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-mobile-chrome-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-mobile-chrome-linux.png new file mode 100644 index 0000000000..6492365ef5 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-mobile-safari-linux.png b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-mobile-safari-linux.png new file mode 100644 index 0000000000..35d66c76e7 Binary files /dev/null and b/packages/core/src/components/bal-date/test/bal-date.visual.play.ts-snapshots/bal-date-invalid-placeholder-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts new file mode 100644 index 0000000000..66bcd1970e --- /dev/null +++ b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-divider' +const VARIANTS = ['basic', 'stack', 'colors', 'spaces'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..d5074fad79 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-desktop-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..3c1d54483b Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..c9d8c481d3 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-mobile-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..46e7d98116 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-desktop-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-desktop-chrome-linux.png new file mode 100644 index 0000000000..d30fab4bce Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-desktop-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-desktop-safari-linux.png new file mode 100644 index 0000000000..df4d55ba05 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-mobile-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-mobile-chrome-linux.png new file mode 100644 index 0000000000..b474383b79 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-mobile-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-mobile-safari-linux.png new file mode 100644 index 0000000000..a7dcf94e28 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-colors-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-desktop-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-desktop-chrome-linux.png new file mode 100644 index 0000000000..aa375403fc Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-desktop-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-desktop-safari-linux.png new file mode 100644 index 0000000000..bf37fd15e7 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-mobile-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-mobile-chrome-linux.png new file mode 100644 index 0000000000..e01ad1c5af Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-mobile-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-mobile-safari-linux.png new file mode 100644 index 0000000000..c053ca0bbd Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-spaces-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-desktop-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-desktop-chrome-linux.png new file mode 100644 index 0000000000..b1e1d9c0dd Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-desktop-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-desktop-safari-linux.png new file mode 100644 index 0000000000..08f66e463a Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-mobile-chrome-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-mobile-chrome-linux.png new file mode 100644 index 0000000000..83232516f9 Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-mobile-safari-linux.png b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-mobile-safari-linux.png new file mode 100644 index 0000000000..7fbc15c26a Binary files /dev/null and b/packages/core/src/components/bal-divider/test/bal-divider.visual.play.ts-snapshots/bal-divider-stack-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/bal-dropdown.tsx b/packages/core/src/components/bal-dropdown/bal-dropdown.tsx index a8fcc117cb..f4781651ad 100644 --- a/packages/core/src/components/bal-dropdown/bal-dropdown.tsx +++ b/packages/core/src/components/bal-dropdown/bal-dropdown.tsx @@ -490,7 +490,7 @@ export class Dropdown .modifier(theme + '-expanded') .class(this.isExpanded && hasTheme), }} - data-test="bal-dropdown-trigger" + data-testid="bal-dropdown-trigger" onClick={ev => this.eventsUtil.handleClick(ev)} > { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +test('basic', async ({ page }) => { + const el = page.getByTestId('basic') + await expect(el).toHaveScreenshot(image('basic-before')) + + const inputEl = page.locator('input[placeholder="visual-basic"]') + await inputEl.click() + await waitForChanges(page) + await expect(el).toHaveScreenshot(image('basic-open')) + + const optionEl = el.getByRole('option', { name: '1992' }) + await optionEl.click() + await waitForChanges(page) + await expect(el).toHaveScreenshot(image('basic-selected')) +}) + +test('long-content', async ({ page }) => { + const el = page.getByTestId('long-content') + await expect(el).toHaveScreenshot(image('long-content-before')) + + const inputEl = page.locator('input[placeholder="visual-long-content"]') + await inputEl.click() + await waitForChanges(page) + await expect(page).toHaveScreenshot(image('long-content-open')) +}) + +test('multiple', async ({ page }) => { + const el = page.getByTestId('multiple') + await expect(el).toHaveScreenshot(image('multiple-before')) + + const inputEl = page.locator('input[placeholder="visual-multiple"]') + await inputEl.click() + await waitForChanges(page) + await expect(page).toHaveScreenshot(image('multiple-open')) + + const optionFirstEl = el.getByRole('option', { name: '1991' }) + await optionFirstEl.click() + await waitForChanges(page) + const optionSecondEl = el.getByRole('option', { name: '1992' }) + await optionSecondEl.click() + await waitForChanges(page) + await expect(el).toHaveScreenshot(image('multiple-selected')) +}) + +test('multiple-chips', async ({ page }) => { + const el = page.getByTestId('multiple-chips') + await expect(el).toHaveScreenshot(image('multiple-chips-before')) + + const inputEl = page.locator('input[placeholder="visual-multiple-chips"]') + await inputEl.click({ force: true }) + await waitForChanges(page) + await expect(page).toHaveScreenshot(image('multiple-chips-open')) +}) + +test('form-field', async ({ page }) => { + const el = page.getByTestId('form-field') + await expect(el).toHaveScreenshot(image('form-field-before')) + + const inputEl = page.locator('input[placeholder="visual-form-field"]') + await inputEl.click() + await waitForChanges(page) + await expect(page).toHaveScreenshot(image('form-field-open')) +}) + +test('small-purple', async ({ page }) => { + const el = page.getByTestId('small-purple') + await expect(el).toHaveScreenshot(image('small-purple-before')) +}) + +test('clearable', async ({ page }) => { + const el = page.getByTestId('clearable') + await expect(el).toHaveScreenshot(image('clearable-before')) + + const inputEl = page.locator('input[placeholder="visual-clearable"]') + await inputEl.click() + await waitForChanges(page) + await expect(page).toHaveScreenshot(image('clearable-open')) + + const optionEl = el.getByRole('option', { name: '1988' }) + await optionEl.click() + await waitForChanges(page) + await expect(el).toHaveScreenshot(image('clearable-selected')) +}) + +test('loading', async ({ page }) => { + const el = page.getByTestId('loading') + await expect(el).toHaveScreenshot(image('loading-before')) +}) + +test('invalid', async ({ page }) => { + const el = page.getByTestId('invalid') + await expect(el).toHaveScreenshot(image('invalid-before')) +}) + +test('disabled', async ({ page }) => { + const el = page.getByTestId('disabled') + await expect(el).toHaveScreenshot(image('disabled-before')) +}) diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..99c2a67aad Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-desktop-safari-linux.png new file mode 100644 index 0000000000..3939d8d4a6 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..55e764ef48 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-mobile-safari-linux.png new file mode 100644 index 0000000000..abe79bb6c0 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..62caf83867 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-desktop-safari-linux.png new file mode 100644 index 0000000000..2497d5e257 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..7c70327a03 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-mobile-safari-linux.png new file mode 100644 index 0000000000..99ff749c40 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-desktop-chrome-linux.png new file mode 100644 index 0000000000..139ba0ac4a Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-desktop-safari-linux.png new file mode 100644 index 0000000000..b14e9d457f Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-mobile-chrome-linux.png new file mode 100644 index 0000000000..cb38a55758 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-mobile-safari-linux.png new file mode 100644 index 0000000000..b0210c5332 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-basic-selected-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..c7523b0007 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-desktop-safari-linux.png new file mode 100644 index 0000000000..42d822d928 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..d1c352544b Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-mobile-safari-linux.png new file mode 100644 index 0000000000..43c1b34158 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..bf41a22e5b Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-desktop-safari-linux.png new file mode 100644 index 0000000000..e26f997886 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..637d00ff42 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-mobile-safari-linux.png new file mode 100644 index 0000000000..43d685e4ce Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-desktop-chrome-linux.png new file mode 100644 index 0000000000..a28d58ba32 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-desktop-safari-linux.png new file mode 100644 index 0000000000..4dd2341fdb Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-mobile-chrome-linux.png new file mode 100644 index 0000000000..3c7dab752c Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-mobile-safari-linux.png new file mode 100644 index 0000000000..beae0db537 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-clearable-selected-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..9721f69b6c Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-desktop-safari-linux.png new file mode 100644 index 0000000000..ee3efa4632 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..31291fab10 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-mobile-safari-linux.png new file mode 100644 index 0000000000..4556762d4c Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-disabled-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..6e03629aa1 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-desktop-safari-linux.png new file mode 100644 index 0000000000..de71a65f5f Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..dced7e5670 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-mobile-safari-linux.png new file mode 100644 index 0000000000..78525a1a7d Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..03be120e9d Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-desktop-safari-linux.png new file mode 100644 index 0000000000..2440c3dde8 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..a028a8d1ff Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-mobile-safari-linux.png new file mode 100644 index 0000000000..18d1788846 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-form-field-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..c90d1f5939 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-desktop-safari-linux.png new file mode 100644 index 0000000000..eaeb9f6ab8 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..815d5eadb7 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-mobile-safari-linux.png new file mode 100644 index 0000000000..295c43eae6 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-invalid-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..2a70328fc1 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-desktop-safari-linux.png new file mode 100644 index 0000000000..7cbaea8ccf Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..13db0fcbcf Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-mobile-safari-linux.png new file mode 100644 index 0000000000..07008af517 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-loading-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..14014ff3ba Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-desktop-safari-linux.png new file mode 100644 index 0000000000..31b88df893 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..8dbfbc3653 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-mobile-safari-linux.png new file mode 100644 index 0000000000..d1a8d322a6 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..21ce86e361 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-desktop-safari-linux.png new file mode 100644 index 0000000000..c751db90d4 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..bea04d2cec Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-mobile-safari-linux.png new file mode 100644 index 0000000000..9c74cebe4a Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-long-content-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..886f8859ee Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-desktop-safari-linux.png new file mode 100644 index 0000000000..97a5164aa9 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..595454f4ab Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-mobile-safari-linux.png new file mode 100644 index 0000000000..057592c4f1 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..a26aa49437 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-desktop-safari-linux.png new file mode 100644 index 0000000000..7c755b889d Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..1998ea8d6a Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-mobile-safari-linux.png new file mode 100644 index 0000000000..19fcadceff Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..0fc061ca35 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-desktop-safari-linux.png new file mode 100644 index 0000000000..2ef32036cd Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..cad36ab710 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-mobile-safari-linux.png new file mode 100644 index 0000000000..04d0db557d Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-chips-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-desktop-chrome-linux.png new file mode 100644 index 0000000000..a96d89a98c Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-desktop-safari-linux.png new file mode 100644 index 0000000000..55ce4274f5 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-mobile-chrome-linux.png new file mode 100644 index 0000000000..c7d57286c4 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-mobile-safari-linux.png new file mode 100644 index 0000000000..cc975f2983 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-open-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-desktop-chrome-linux.png new file mode 100644 index 0000000000..2000ab4633 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-desktop-safari-linux.png new file mode 100644 index 0000000000..a9cfb156b9 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-mobile-chrome-linux.png new file mode 100644 index 0000000000..67df710941 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-mobile-safari-linux.png new file mode 100644 index 0000000000..19b68b9241 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-multiple-selected-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-desktop-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..55e89d4e5b Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-desktop-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-desktop-safari-linux.png new file mode 100644 index 0000000000..767821d816 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-mobile-chrome-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..bceb033f5b Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-mobile-safari-linux.png b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-mobile-safari-linux.png new file mode 100644 index 0000000000..f8e183d126 Binary files /dev/null and b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.play.ts-snapshots/bal-dropdown-small-purple-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts new file mode 100644 index 0000000000..7fe1761ff1 --- /dev/null +++ b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-field' +const VARIANTS = ['horizontal', 'horizontal-long-label', 'horizontal-with-hint', 'horizontal-with-hint-hidden'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}-horizontal.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-desktop-chrome-linux.png new file mode 100644 index 0000000000..dab5ba5705 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-desktop-safari-linux.png new file mode 100644 index 0000000000..df32e17adc Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-chrome-linux.png new file mode 100644 index 0000000000..43a365127e Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-safari-linux.png new file mode 100644 index 0000000000..a45921c31c Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-chrome-linux.png new file mode 100644 index 0000000000..475de5c03b Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-safari-linux.png new file mode 100644 index 0000000000..2337aecedf Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-mobile-chrome-linux.png new file mode 100644 index 0000000000..7e27e9a9a1 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-mobile-safari-linux.png new file mode 100644 index 0000000000..c9a4d5f854 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-chrome-linux.png new file mode 100644 index 0000000000..fce41fd34c Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-safari-linux.png new file mode 100644 index 0000000000..3145cd7b35 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-chrome-linux.png new file mode 100644 index 0000000000..254ff52239 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-safari-linux.png new file mode 100644 index 0000000000..7d083942c4 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-chrome-linux.png new file mode 100644 index 0000000000..bc738361d4 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-safari-linux.png new file mode 100644 index 0000000000..8e10c1c2a2 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-chrome-linux.png new file mode 100644 index 0000000000..37c42603e7 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-safari-linux.png new file mode 100644 index 0000000000..5c6c04e903 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field-horizontal.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts new file mode 100644 index 0000000000..5b73a55730 --- /dev/null +++ b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts @@ -0,0 +1,30 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-field' +const VARIANTS = [ + 'basic', + 'disabled', + 'invalid', + 'readonly', + 'required', + 'valid', + 'label-long', + 'horizontal', + 'horizontal-long-label', + 'horizontal-with-hint-hidden', + 'horizontal-with-hint', + 'label-long-with-hint', +] +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..7c6ff2c50e Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..f0b61ddc5e Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..89b90cb66d Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..a1ba48bc88 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-desktop-chrome-linux.png new file mode 100644 index 0000000000..bbce14a84f Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-desktop-safari-linux.png new file mode 100644 index 0000000000..bb0bd9d473 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-mobile-chrome-linux.png new file mode 100644 index 0000000000..cf9c155b7f Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-mobile-safari-linux.png new file mode 100644 index 0000000000..fc7b490b2f Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-disabled-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-desktop-chrome-linux.png new file mode 100644 index 0000000000..09aa77211d Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-desktop-safari-linux.png new file mode 100644 index 0000000000..3cd3623827 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-chrome-linux.png new file mode 100644 index 0000000000..4ca2e7560b Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-safari-linux.png new file mode 100644 index 0000000000..dbbf4128d3 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-chrome-linux.png new file mode 100644 index 0000000000..22b246a3da Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-safari-linux.png new file mode 100644 index 0000000000..9eff66fb4f Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-long-label-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-mobile-chrome-linux.png new file mode 100644 index 0000000000..d4d85653e0 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-mobile-safari-linux.png new file mode 100644 index 0000000000..d98ebbda7d Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-chrome-linux.png new file mode 100644 index 0000000000..61fd010f7e Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-safari-linux.png new file mode 100644 index 0000000000..d409b1744f Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-chrome-linux.png new file mode 100644 index 0000000000..9cf4749c28 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-safari-linux.png new file mode 100644 index 0000000000..601ec46c65 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-chrome-linux.png new file mode 100644 index 0000000000..0d39ba3acf Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-safari-linux.png new file mode 100644 index 0000000000..e413a9fd0d Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-hidden-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-chrome-linux.png new file mode 100644 index 0000000000..d6fa9cdf28 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-safari-linux.png new file mode 100644 index 0000000000..91dc78973f Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-horizontal-with-hint-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-desktop-chrome-linux.png new file mode 100644 index 0000000000..7b80ec6cd2 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-desktop-safari-linux.png new file mode 100644 index 0000000000..e361832c43 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-mobile-chrome-linux.png new file mode 100644 index 0000000000..552f2e261e Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-mobile-safari-linux.png new file mode 100644 index 0000000000..1ba976b630 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-invalid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-desktop-chrome-linux.png new file mode 100644 index 0000000000..a3620777d6 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-desktop-safari-linux.png new file mode 100644 index 0000000000..98487ae237 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-mobile-chrome-linux.png new file mode 100644 index 0000000000..2ce3caa139 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-mobile-safari-linux.png new file mode 100644 index 0000000000..98487ae237 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-desktop-chrome-linux.png new file mode 100644 index 0000000000..9f28263aac Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-desktop-safari-linux.png new file mode 100644 index 0000000000..b87b83c672 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-mobile-chrome-linux.png new file mode 100644 index 0000000000..9f28263aac Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-mobile-safari-linux.png new file mode 100644 index 0000000000..b87b83c672 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-label-long-with-hint-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-desktop-chrome-linux.png new file mode 100644 index 0000000000..7fcc86d759 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-desktop-safari-linux.png new file mode 100644 index 0000000000..4d45631c06 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-mobile-chrome-linux.png new file mode 100644 index 0000000000..15b190eaba Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-mobile-safari-linux.png new file mode 100644 index 0000000000..62879e738e Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-readonly-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-desktop-chrome-linux.png new file mode 100644 index 0000000000..2e750880e8 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-desktop-safari-linux.png new file mode 100644 index 0000000000..877d5b010b Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-mobile-chrome-linux.png new file mode 100644 index 0000000000..9d2c15594e Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-mobile-safari-linux.png new file mode 100644 index 0000000000..b28721fa8f Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-required-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-desktop-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-desktop-chrome-linux.png new file mode 100644 index 0000000000..fa858c1405 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-desktop-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-desktop-safari-linux.png new file mode 100644 index 0000000000..25dd2cdcfc Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-mobile-chrome-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-mobile-chrome-linux.png new file mode 100644 index 0000000000..27475baf64 Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-mobile-safari-linux.png b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-mobile-safari-linux.png new file mode 100644 index 0000000000..23d49b595c Binary files /dev/null and b/packages/core/src/components/bal-field/test/bal-field.visual.play.ts-snapshots/bal-field-valid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts new file mode 100644 index 0000000000..c7726883d0 --- /dev/null +++ b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-file-upload' +const VARIANTS = ['basic', 'disabled', 'invalid', 'readonly'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..452d8f38a3 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-desktop-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..91fdc6d5e6 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..160b82fa11 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-mobile-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..a0c840ed41 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-desktop-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-desktop-chrome-linux.png new file mode 100644 index 0000000000..91407f38f9 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-desktop-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-desktop-safari-linux.png new file mode 100644 index 0000000000..fd2ad3794a Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-mobile-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-mobile-chrome-linux.png new file mode 100644 index 0000000000..8139b3e60b Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-mobile-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-mobile-safari-linux.png new file mode 100644 index 0000000000..acf16330f3 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-disabled-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-desktop-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-desktop-chrome-linux.png new file mode 100644 index 0000000000..2997436c3b Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-desktop-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-desktop-safari-linux.png new file mode 100644 index 0000000000..037c47ee80 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-mobile-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-mobile-chrome-linux.png new file mode 100644 index 0000000000..66fee96e9e Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-mobile-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-mobile-safari-linux.png new file mode 100644 index 0000000000..eb5ad1b09b Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-invalid-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-desktop-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-desktop-chrome-linux.png new file mode 100644 index 0000000000..4b88d2f8f7 Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-desktop-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-desktop-safari-linux.png new file mode 100644 index 0000000000..da4d008aba Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-mobile-chrome-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-mobile-chrome-linux.png new file mode 100644 index 0000000000..8cd964b90c Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-mobile-safari-linux.png b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-mobile-safari-linux.png new file mode 100644 index 0000000000..f84b8ab7fe Binary files /dev/null and b/packages/core/src/components/bal-file-upload/test/bal-file-upload.visual.play.ts-snapshots/bal-file-upload-readonly-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts new file mode 100644 index 0000000000..e9cc680213 --- /dev/null +++ b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts @@ -0,0 +1,55 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-footer' +const VARIANTS = ['basic', 'all-variations', 'partner-variant'] + +const image = screenshot(TAG) + +const footerDataMock = [ + { link: 'https://www.baloise.ch/de/ueber-uns/informationen/impressum.html', label: 'Impressum' }, + { + link: 'https://www.baloise.ch/de/ueber-uns/informationen/rechtliche-hinweise.html', + label: 'Rechtliche Hinweise', + }, + { link: 'https://www.baloise.ch/de/ueber-uns/informationen/datenschutz.html', label: 'Datenschutz' }, + { link: 'https://www.baloise.ch/de/ueber-uns/informationen/cookie-policy.html', label: 'Cookie Policy' }, + { link: 'https://www.baloise.ch/de/ueber-uns/informationen/fidleg.html', label: 'Fidleg' }, + { link: 'https://www.baloise.com/de/', label: 'Baloise Gruppe' }, +] + +const socialMediaChannelsMock = [ + { link: 'https://www.facebook.com/baloisech', label: 'Facebook' }, + { link: 'https://www.instagram.com/baloisech/', label: 'Instagram' }, + { link: 'https://www.linkedin.com/company/baloisegroup', label: 'LinkedIn' }, + { link: 'https://twitter.com/baloise_ch', label: 'Twitter' }, + { link: 'https://www.youtube.com/user/BaloiseGroup', label: 'YouTube' }, +] + +test.beforeEach(async ({ page }) => { + // Mock external API responses using Playwright routing + await page.route('https://www.baloise.ch/app-integration/v2/ch/footer/de.json', route => + route.fulfill({ + status: 200, + contentType: 'application/json', + body: JSON.stringify(footerDataMock), + }), + ) + + await page.route('https://www.baloise.ch/app-integration/v1/ch/socialmediachannels/de.json', route => + route.fulfill({ + status: 200, + contentType: 'application/json', + body: JSON.stringify(socialMediaChannelsMock), + }), + ) + + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-desktop-chrome-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-desktop-chrome-linux.png new file mode 100644 index 0000000000..b6332fa905 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-desktop-safari-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-desktop-safari-linux.png new file mode 100644 index 0000000000..b856a32ae1 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-mobile-chrome-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-mobile-chrome-linux.png new file mode 100644 index 0000000000..f0e00d357a Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-mobile-safari-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-mobile-safari-linux.png new file mode 100644 index 0000000000..41b140b9db Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-all-variations-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..2575d5227d Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-desktop-safari-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..049309edd1 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..cd947ee9ea Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-mobile-safari-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..15d83ed3f9 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-desktop-chrome-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-desktop-chrome-linux.png new file mode 100644 index 0000000000..4e0d6cfc13 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-desktop-safari-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-desktop-safari-linux.png new file mode 100644 index 0000000000..86d48a4de8 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-mobile-chrome-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-mobile-chrome-linux.png new file mode 100644 index 0000000000..71e4ae6300 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-mobile-safari-linux.png b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-mobile-safari-linux.png new file mode 100644 index 0000000000..6f05468c37 Binary files /dev/null and b/packages/core/src/components/bal-footer/test/bal-footer.visual.play.ts-snapshots/bal-footer-partner-variant-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts new file mode 100644 index 0000000000..ed571260ad --- /dev/null +++ b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts @@ -0,0 +1,18 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-form-grid' +const VARIANTS = ['basic'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..9920ccf277 Binary files /dev/null and b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-desktop-safari-linux.png b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..d0bf2acc17 Binary files /dev/null and b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..c736fed6f4 Binary files /dev/null and b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-mobile-safari-linux.png b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..ed65d46e33 Binary files /dev/null and b/packages/core/src/components/bal-form-grid/test/bal-form-grid.visual.play.ts-snapshots/bal-form-grid-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.html b/packages/core/src/components/bal-heading/test/bal-heading.visual.html index 40d3674749..b11a2f13d4 100644 --- a/packages/core/src/components/bal-heading/test/bal-heading.visual.html +++ b/packages/core/src/components/bal-heading/test/bal-heading.visual.html @@ -34,7 +34,7 @@

-
+
Heading Heading Heading @@ -46,13 +46,13 @@

-
+
Heading


-
+
Heading Heading Heading @@ -63,7 +63,7 @@

-
+
Heading Heading Heading @@ -75,19 +75,19 @@

-
+
Heading


-
+
Heading


-
+
Heading Heading Heading @@ -97,7 +97,7 @@ Heading
-
+
Auto Heading starts at H1 and goes to H5. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eligendi modi ullam soluta eius cumque voluptates sed. Ullam dolores perspiciatis sed molestias sequi quas earum et diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts new file mode 100644 index 0000000000..9c67fd7802 --- /dev/null +++ b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts @@ -0,0 +1,29 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-heading' +const VARIANTS = [ + 'basic', + 'no-wrap', + 'levels', + 'subtitle', + 'spaces', + 'colors', + 'inverted', + 'shadow', + 'visual-level', + 'auto-level', +] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}`)) + }) +}) diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-desktop-chrome-linux.png new file mode 100644 index 0000000000..f89038f581 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-desktop-safari-linux.png new file mode 100644 index 0000000000..7b482935b7 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-mobile-chrome-linux.png new file mode 100644 index 0000000000..db52fbc9c6 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-mobile-safari-linux.png new file mode 100644 index 0000000000..88aedae416 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-auto-level-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-desktop-chrome-linux.png new file mode 100644 index 0000000000..1a87e19118 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-desktop-safari-linux.png new file mode 100644 index 0000000000..3e41ecad7e Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-mobile-chrome-linux.png new file mode 100644 index 0000000000..694799b02b Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-mobile-safari-linux.png new file mode 100644 index 0000000000..48675d0574 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-basic-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-desktop-chrome-linux.png new file mode 100644 index 0000000000..17c1e04542 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-desktop-safari-linux.png new file mode 100644 index 0000000000..33fb1c4db3 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-mobile-chrome-linux.png new file mode 100644 index 0000000000..d76c91727f Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-mobile-safari-linux.png new file mode 100644 index 0000000000..49009f8dc0 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-colors-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-desktop-chrome-linux.png new file mode 100644 index 0000000000..b5d4dd6da9 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-desktop-safari-linux.png new file mode 100644 index 0000000000..f482de172b Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-mobile-chrome-linux.png new file mode 100644 index 0000000000..040bb81082 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-mobile-safari-linux.png new file mode 100644 index 0000000000..c3d749cb7b Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-inverted-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-desktop-chrome-linux.png new file mode 100644 index 0000000000..14b15cbf7c Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-desktop-safari-linux.png new file mode 100644 index 0000000000..8813500bb6 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-mobile-chrome-linux.png new file mode 100644 index 0000000000..bf6bd19362 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-mobile-safari-linux.png new file mode 100644 index 0000000000..7b9660aec0 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-levels-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-desktop-chrome-linux.png new file mode 100644 index 0000000000..7e590c0f6f Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-desktop-safari-linux.png new file mode 100644 index 0000000000..cec6702221 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-mobile-chrome-linux.png new file mode 100644 index 0000000000..ef5482a140 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-mobile-safari-linux.png new file mode 100644 index 0000000000..89e55f0e99 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-no-wrap-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-desktop-chrome-linux.png new file mode 100644 index 0000000000..469d2b3bae Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-desktop-safari-linux.png new file mode 100644 index 0000000000..575fe9d093 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-mobile-chrome-linux.png new file mode 100644 index 0000000000..a93b525fce Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-mobile-safari-linux.png new file mode 100644 index 0000000000..2f3097c9f1 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-shadow-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-desktop-chrome-linux.png new file mode 100644 index 0000000000..4d98a855ba Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-desktop-safari-linux.png new file mode 100644 index 0000000000..d1c514b946 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-mobile-chrome-linux.png new file mode 100644 index 0000000000..7f8f43225e Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-mobile-safari-linux.png new file mode 100644 index 0000000000..458a12f70b Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-spaces-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-desktop-chrome-linux.png new file mode 100644 index 0000000000..f50047fdb8 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-desktop-safari-linux.png new file mode 100644 index 0000000000..db573e4285 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-mobile-chrome-linux.png new file mode 100644 index 0000000000..11bd17ad19 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-mobile-safari-linux.png new file mode 100644 index 0000000000..24bab6db97 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-subtitle-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-desktop-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-desktop-chrome-linux.png new file mode 100644 index 0000000000..dc345acc29 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-desktop-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-desktop-safari-linux.png new file mode 100644 index 0000000000..0a1b483360 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-mobile-chrome-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-mobile-chrome-linux.png new file mode 100644 index 0000000000..137b14ba48 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-mobile-safari-linux.png b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-mobile-safari-linux.png new file mode 100644 index 0000000000..869845f069 Binary files /dev/null and b/packages/core/src/components/bal-heading/test/bal-heading.visual.play.ts-snapshots/bal-heading-visual-level-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts new file mode 100644 index 0000000000..8ffdab51a2 --- /dev/null +++ b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts @@ -0,0 +1,21 @@ +import { expect, screenshot, test } from '@baloise/ds-playwright' + +const TAG = 'bal-hint' +const VARIANTS = ['basic', 'close-label', 'small'] + +const image = screenshot(TAG) + +test.beforeEach(async ({ page }) => { + await page.goto(`/components/${TAG}/test/${TAG}.visual.html`) + await page.waitForSelector(TAG) +}) + +VARIANTS.forEach(variant => { + test(variant, async ({ page }) => { + const el = page.getByTestId(variant) + await expect(el).toHaveScreenshot(image(`${variant}-before`)) + + el.click() + await expect(el).toHaveScreenshot(image(`${variant}-after`)) + }) +}) diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-desktop-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-desktop-chrome-linux.png new file mode 100644 index 0000000000..ba6e8d30c6 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-desktop-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-desktop-safari-linux.png new file mode 100644 index 0000000000..de5530bc8b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-mobile-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-mobile-chrome-linux.png new file mode 100644 index 0000000000..baf2b9d6ee Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-mobile-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-mobile-safari-linux.png new file mode 100644 index 0000000000..d05c207cc9 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-after-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-desktop-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..fa1440974b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-desktop-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-desktop-safari-linux.png new file mode 100644 index 0000000000..2e9fb011a7 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-mobile-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..fa1440974b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-mobile-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-mobile-safari-linux.png new file mode 100644 index 0000000000..2e9fb011a7 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-basic-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-desktop-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-desktop-chrome-linux.png new file mode 100644 index 0000000000..ba6e8d30c6 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-desktop-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-desktop-safari-linux.png new file mode 100644 index 0000000000..de5530bc8b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-mobile-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-mobile-chrome-linux.png new file mode 100644 index 0000000000..baf2b9d6ee Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-mobile-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-mobile-safari-linux.png new file mode 100644 index 0000000000..d05c207cc9 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-after-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-desktop-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..fa1440974b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-desktop-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-desktop-safari-linux.png new file mode 100644 index 0000000000..2e9fb011a7 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-mobile-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..fa1440974b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-mobile-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-mobile-safari-linux.png new file mode 100644 index 0000000000..2e9fb011a7 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-close-label-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-desktop-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-desktop-chrome-linux.png new file mode 100644 index 0000000000..ba6e8d30c6 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-desktop-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-desktop-safari-linux.png new file mode 100644 index 0000000000..de5530bc8b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-mobile-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-mobile-chrome-linux.png new file mode 100644 index 0000000000..baf2b9d6ee Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-mobile-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-mobile-safari-linux.png new file mode 100644 index 0000000000..d05c207cc9 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-after-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-desktop-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-desktop-chrome-linux.png new file mode 100644 index 0000000000..fa1440974b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-desktop-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-desktop-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-desktop-safari-linux.png new file mode 100644 index 0000000000..2e9fb011a7 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-desktop-safari-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-mobile-chrome-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-mobile-chrome-linux.png new file mode 100644 index 0000000000..fa1440974b Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-mobile-chrome-linux.png differ diff --git a/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-mobile-safari-linux.png b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-mobile-safari-linux.png new file mode 100644 index 0000000000..2e9fb011a7 Binary files /dev/null and b/packages/core/src/components/bal-hint/test/bal-hint.visual.play.ts-snapshots/bal-hint-small-before-mobile-safari-linux.png differ diff --git a/packages/core/src/components/bal-icon/test/bal-icon.visual.html b/packages/core/src/components/bal-icon/test/bal-icon.visual.html index 1ce8b5e503..c849a68356 100644 --- a/packages/core/src/components/bal-icon/test/bal-icon.visual.html +++ b/packages/core/src/components/bal-icon/test/bal-icon.visual.html @@ -17,7 +17,7 @@

-
+
@@ -29,7 +29,7 @@

-
+
@@ -40,25 +40,25 @@
-
+


-
+


-
+


-
+

-
+


-
+