test: ✅ reduce screenshot sensitivity

Author: yjaaidi

apps/501-recipe-preview-testronaut-solution/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {

apps/501-recipe-preview-testronaut-starter/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {

apps/502-recipe-filter-testronaut-solution/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {

apps/502-recipe-filter-testronaut-starter/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {

apps/503-recipe-search-testronaut-solution/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {

apps/503-recipe-search-testronaut-starter/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {

apps/504-playwright-visual-regression-testing-solution/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {

apps/504-playwright-visual-regression-testing-starter/playwright-testronaut.config.ts

@@ -16,13 +16,13 @@ export default defineConfig(
   }),
   {
     timeout,
+    expect: { toHaveScreenshot: { maxDiffPixelRatio: 0.01 } },
     /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
       actionTimeout: timeout,
       /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
       trace: 'on-first-retry',
     },
-
     /* Configure projects for major browsers */
     projects: [
       {