1) [chromium] › tests/pages/index.test.ts:27:2 › index page › should not have visible changes ──── Error: Screenshot comparison failed: 14743 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/howto/howto/e2e/snapshots/tests/pages/index.test.ts-snapshots/index-page-should-not-have-visible-changes-1-chromium-linux.png Received: /home/runner/work/howto/howto/test-results/tests-pages-index-index-page-should-not-have-visible-changes-chromium/index-page-should-not-have-visible-changes-1-actual.png Diff: /home/runner/work/howto/howto/test-results/tests-pages-index-index-page-should-not-have-visible-changes-chromium/index-page-should-not-have-visible-changes-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 14743 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 - 14743 pixels (ratio 0.02 of all image pixels) are different. 30 | await indexPage.goto(); 31 | > 32 | await expect(indexPage.page).toHaveScreenshot(); | ^ 33 | } 34 | }); 35 | }); at /home/runner/work/howto/howto/e2e/tests/pages/index.test.ts:32:33

1) [chromium] › tests/pages/index.test.ts:27:2 › index page › should not have visible changes ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14743 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/howto/howto/e2e/snapshots/tests/pages/index.test.ts-snapshots/index-page-should-not-have-visible-changes-1-chromium-linux.png Received: /home/runner/work/howto/howto/test-results/tests-pages-index-index-page-should-not-have-visible-changes-chromium-retry1/index-page-should-not-have-visible-changes-1-actual.png Diff: /home/runner/work/howto/howto/test-results/tests-pages-index-index-page-should-not-have-visible-changes-chromium-retry1/index-page-should-not-have-visible-changes-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 14743 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 - 14743 pixels (ratio 0.02 of all image pixels) are different. 30 | await indexPage.goto(); 31 | > 32 | await expect(indexPage.page).toHaveScreenshot(); | ^ 33 | } 34 | }); 35 | }); at /home/runner/work/howto/howto/e2e/tests/pages/index.test.ts:32:33

1) [chromium] › tests/pages/index.test.ts:27:2 › index page › should not have visible changes ──── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14743 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/howto/howto/e2e/snapshots/tests/pages/index.test.ts-snapshots/index-page-should-not-have-visible-changes-1-chromium-linux.png Received: /home/runner/work/howto/howto/test-results/tests-pages-index-index-page-should-not-have-visible-changes-chromium-retry2/index-page-should-not-have-visible-changes-1-actual.png Diff: /home/runner/work/howto/howto/test-results/tests-pages-index-index-page-should-not-have-visible-changes-chromium-retry2/index-page-should-not-have-visible-changes-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 14743 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 - 14743 pixels (ratio 0.02 of all image pixels) are different. 30 | await indexPage.goto(); 31 | > 32 | await expect(indexPage.page).toHaveScreenshot(); | ^ 33 | } 34 | }); 35 | }); at /home/runner/work/howto/howto/e2e/tests/pages/index.test.ts:32:33

Process completed with exit code 1.

Invalid Tailwind CSS classnames order

Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element

No files were found with the provided path: playwright-report/. No artifacts will be uploaded.