core-breadcrumb-spec.ts:9:7 Take snapshots of all stories

  [Desktop] › core/components/core-breadcrumb-spec.ts:9:7 › Testing core component "breadcrumb" › Take snapshots of all stories 

    Error: Screenshot comparison failed:

      Expected an image 1280px by 94px, received 1280px by 97px. 1959 pixels (ratio 0.02 of all image pixels) are different.

    Expected: /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/tests/core/components/core-breadcrumb-spec.ts-snapshots/core-components-breadcrumb--breadcrumb-desktop.png
    Received: /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/test-results/core-components-core-bread-ed9cb-ke-snapshots-of-all-stories-Desktop/core-components-breadcrumb--breadcrumb-desktop-actual.png
        Diff: /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/test-results/core-components-core-bread-ed9cb-ke-snapshots-of-all-stories-Desktop/core-components-breadcrumb--breadcrumb-desktop-diff.png

    Call log:
      - expect.toHaveScreenshot(core-components-breadcrumb--breadcrumb-desktop.png) with timeout 5000ms
      -   verifying given screenshot expectation
      - taking page screenshot
      -   disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - Expected an image 1280px by 94px, received 1280px by 97px. 1959 pixels (ratio 0.02 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - taking page screenshot
      -   disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - captured a stable screenshot
      - Expected an image 1280px by 94px, received 1280px by 97px. 1959 pixels (ratio 0.02 of all image pixels) are different.


       at ../helpers.ts:80

      78 |   };
      79 |
    > 80 |   return expect(page).toHaveScreenshot(`${screenshotName}.png`, { clip, fullPage: true });
         |                       ^
      81 | };
      82 |
      83 | export const takeAllStorySnapshots = async (props: {

        at takeScreenshotWithSpacing (/home/runner/work/helsinki-design-system/helsinki-design-system/e2e/helpers.ts:80:23)
        at takeAllStorySnapshots (/home/runner/work/helsinki-design-system/helsinki-design-system/e2e/helpers.ts:100:5)
        at /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/tests/core/components/core-breadcrumb-spec.ts:10:5

    attachment #1: core-components-breadcrumb--breadcrumb-desktop-expected.png (image/png) ─────────
    tests/core/components/core-breadcrumb-spec.ts-snapshots/core-components-breadcrumb--breadcrumb-desktop.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #2: core-components-breadcrumb--breadcrumb-desktop-actual.png (image/png) ───────────
    test-results/core-components-core-bread-ed9cb-ke-snapshots-of-all-stories-Desktop/core-components-breadcrumb--breadcrumb-desktop-actual.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #3: core-components-breadcrumb--breadcrumb-desktop-diff.png (image/png) ─────────────
    test-results/core-components-core-bread-ed9cb-ke-snapshots-of-all-stories-Desktop/core-components-breadcrumb--breadcrumb-desktop-diff.png
    ────────────────────────────────────────────────────────────────────────────────────────────────


[[ATTACHMENT|../tests/core/components/core-breadcrumb-spec.ts-snapshots/core-components-breadcrumb--breadcrumb-desktop.png]]

[[ATTACHMENT|../test-results/core-components-core-bread-ed9cb-ke-snapshots-of-all-stories-Desktop/core-components-breadcrumb--breadcrumb-desktop-actual.png]]

[[ATTACHMENT|../test-results/core-components-core-bread-ed9cb-ke-snapshots-of-all-stories-Desktop/core-components-breadcrumb--breadcrumb-desktop-diff.png]]

react-breadcrumb-spec.ts:9:7 Take snapshots of all stories

  [Desktop] › react/components/react-breadcrumb-spec.ts:9:7 › Testing react component "breadcrumb" › Take snapshots of all stories 

    Error: Screenshot comparison failed:

      Expected an image 1280px by 62px, received 1280px by 65px. 1959 pixels (ratio 0.03 of all image pixels) are different.

    Expected: /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/tests/react/components/react-breadcrumb-spec.ts-snapshots/react-components-breadcrumb--example-desktop.png
    Received: /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/test-results/react-components-react-bre-cc92c-ke-snapshots-of-all-stories-Desktop/react-components-breadcrumb--example-desktop-actual.png
        Diff: /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/test-results/react-components-react-bre-cc92c-ke-snapshots-of-all-stories-Desktop/react-components-breadcrumb--example-desktop-diff.png

    Call log:
      - expect.toHaveScreenshot(react-components-breadcrumb--example-desktop.png) with timeout 5000ms
      -   verifying given screenshot expectation
      - taking page screenshot
      -   disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - Expected an image 1280px by 62px, received 1280px by 65px. 1959 pixels (ratio 0.03 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - taking page screenshot
      -   disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - captured a stable screenshot
      - Expected an image 1280px by 62px, received 1280px by 65px. 1959 pixels (ratio 0.03 of all image pixels) are different.


       at ../helpers.ts:80

      78 |   };
      79 |
    > 80 |   return expect(page).toHaveScreenshot(`${screenshotName}.png`, { clip, fullPage: true });
         |                       ^
      81 | };
      82 |
      83 | export const takeAllStorySnapshots = async (props: {

        at takeScreenshotWithSpacing (/home/runner/work/helsinki-design-system/helsinki-design-system/e2e/helpers.ts:80:23)
        at takeAllStorySnapshots (/home/runner/work/helsinki-design-system/helsinki-design-system/e2e/helpers.ts:100:5)
        at /home/runner/work/helsinki-design-system/helsinki-design-system/e2e/tests/react/components/react-breadcrumb-spec.ts:10:5

    attachment #1: react-components-breadcrumb--example-desktop-expected.png (image/png) ───────────
    tests/react/components/react-breadcrumb-spec.ts-snapshots/react-components-breadcrumb--example-desktop.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #2: react-components-breadcrumb--example-desktop-actual.png (image/png) ─────────────
    test-results/react-components-react-bre-cc92c-ke-snapshots-of-all-stories-Desktop/react-components-breadcrumb--example-desktop-actual.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #3: react-components-breadcrumb--example-desktop-diff.png (image/png) ───────────────
    test-results/react-components-react-bre-cc92c-ke-snapshots-of-all-stories-Desktop/react-components-breadcrumb--example-desktop-diff.png
    ────────────────────────────────────────────────────────────────────────────────────────────────


[[ATTACHMENT|../tests/react/components/react-breadcrumb-spec.ts-snapshots/react-components-breadcrumb--example-desktop.png]]

[[ATTACHMENT|../test-results/react-components-react-bre-cc92c-ke-snapshots-of-all-stories-Desktop/react-components-breadcrumb--example-desktop-actual.png]]

[[ATTACHMENT|../test-results/react-components-react-bre-cc92c-ke-snapshots-of-all-stories-Desktop/react-components-breadcrumb--example-desktop-diff.png]]