Feature/pr screenshots by amarilda611 · Pull Request #82 · DigitalProductInnovationAndDevelopment/Code-Reviews-of-GUI-Tests

amarilda611 · 2025-06-01T22:55:48Z

No description provided.

github-actions · 2025-06-01T22:56:07Z

@@ -1,16 +1,21 @@
+// tests/example.spec.js
 const { test, expect } = require('@playwright/test');


[prettier] _{reported by reviewdog 🐶}

Suggested change

const { test, expect } = require('@playwright/test');

const { test, expect } = require("@playwright/test");

github-actions · 2025-06-01T22:56:07Z

 test.describe('Playwright Basic Workflow Tests', () => {
  test('should load example.com and verify title', async ({ page }) => {
    await page.goto('https://example.com');


[prettier] _{reported by reviewdog 🐶}

Suggested change

test.describe('Playwright Basic Workflow Tests', () => {

test('should load example.com and verify title', async ({ page }) => {

await page.goto('https://example.com');

test.describe("Playwright Basic Workflow Tests", () => {

test("should load example.com and verify title", async ({ page }) => {

await page.goto("https://example.com");

github-actions · 2025-06-01T23:03:25Z

Playwright Test Metrics

Total: 4
Passed: 2
Failed: 0
Skipped: 0

Duration: 4575687 ms
Pass Rate: ** %**

ESLint (GUI tests)

Test-Flow Chart

Note: The flowchart.png is uploaded as an artifact. To embed it directly like screenshots,

you would also need to copy it into the 'published-screenshots' directory in step 9,

and then reference it using the PR-specific GitHub Pages URL.

Artifact: test-flow-chart → flowchart.png

Playwright Screenshots for this PR

\n\n\n\n

Full run details: link

github-actions · 2025-06-10T16:12:29Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-13T15:02:36Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-13T15:02:46Z

    await expect(page).toHaveTitle(/Example Domain/);
-    await page.screenshot({ path: 'playwright-report/example-domain.png' });
+    // **CHANGE THIS LINE:** Use process.env.PLAYWRIGHT_SCREENSHOT_DIR
+    await page.screenshot({ path: `${process.env.PLAYWRIGHT_SCREENSHOT_DIR || 'published-screenshots'}/example-domain.png` });


[prettier] _{reported by reviewdog 🐶}

Suggested change

await page.screenshot({ path: `${process.env.PLAYWRIGHT_SCREENSHOT_DIR || 'published-screenshots'}/example-domain.png` });

await page.screenshot({

path: `${process.env.PLAYWRIGHT_SCREENSHOT_DIR || "published-screenshots"}/example-domain.png`,

});

github-actions · 2025-06-13T15:02:47Z

  test('should find and click the More information link', async ({ page }) => {
    await page.goto('https://example.com');
    await page.click('text=More information');


[prettier] _{reported by reviewdog 🐶}

Suggested change

test('should find and click the More information link', async ({ page }) => {

await page.goto('https://example.com');

await page.click('text=More information');

test("should find and click the More information link", async ({ page }) => {

await page.goto("https://example.com");

await page.click("text=More information");

github-actions · 2025-06-13T15:02:47Z

    await expect(page).toHaveURL(/iana.org/);
-    await page.screenshot({ path: 'playwright-report/navigation.png' });
+    // **CHANGE THIS LINE:** Use process.env.PLAYWRIGHT_SCREENSHOT_DIR
+    await page.screenshot({ path: `${process.env.PLAYWRIGHT_SCREENSHOT_DIR || 'published-screenshots'}/navigation.png` });


[prettier] _{reported by reviewdog 🐶}

Suggested change

await page.screenshot({ path: `${process.env.PLAYWRIGHT_SCREENSHOT_DIR || 'published-screenshots'}/navigation.png` });

await page.screenshot({

path: `${process.env.PLAYWRIGHT_SCREENSHOT_DIR || "published-screenshots"}/navigation.png`,

});

github-actions · 2025-06-13T15:14:37Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-13T15:15:30Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-13T15:19:01Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-13T15:36:42Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-13T15:41:52Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:31:50Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:39:24Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:46:44Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:48:27Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:49:04Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:57:13Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:58:09Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T13:58:17Z

@@ -1,16 +1,86 @@
-const { defineConfig } = require('@playwright/test');
+// @ts-check
+const { defineConfig, devices } = require('@playwright/test');


[prettier] _{reported by reviewdog 🐶}

Suggested change

const { defineConfig, devices } = require('@playwright/test');

const { defineConfig, devices } = require("@playwright/test");

github-actions · 2025-06-15T13:58:17Z

+ */
 module.exports = defineConfig({
  testDir: './tests',
+  /* Run tests in files in parallel */


[prettier] _{reported by reviewdog 🐶}

Suggested change

testDir: './tests',

testDir: "./tests",

github-actions · 2025-06-15T13:58:17Z

+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html', // Default reporter, can be overridden by CLI
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */


[prettier] _{reported by reviewdog 🐶}

Suggested change

reporter: 'html', // Default reporter, can be overridden by CLI

reporter: "html", // Default reporter, can be overridden by CLI

github-actions · 2025-06-15T13:58:17Z

+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+


[prettier] _{reported by reviewdog 🐶}

Suggested change

trace: 'on-first-retry',

trace: "on-first-retry",

github-actions · 2025-06-15T13:58:18Z

+      use: { ...devices['Desktop Chrome'] },
+    },


[prettier] _{reported by reviewdog 🐶}

Suggested change

name: 'chromium',

use: { ...devices['Desktop Chrome'] },

name: "chromium",

use: { ...devices["Desktop Chrome"] },

github-actions · 2025-06-15T13:58:18Z

+      use: { ...devices['Desktop Firefox'] },
+    },


[prettier] _{reported by reviewdog 🐶}

Suggested change

name: 'firefox',

use: { ...devices['Desktop Firefox'] },

name: "firefox",

use: { ...devices["Desktop Firefox"] },

github-actions · 2025-06-15T13:58:18Z

+      use: { ...devices['Desktop Safari'] },
+    },


[prettier] _{reported by reviewdog 🐶}

Suggested change

name: 'webkit',

use: { ...devices['Desktop Safari'] },

name: "webkit",

use: { ...devices["Desktop Safari"] },

github-actions · 2025-06-15T14:05:06Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T14:31:52Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T14:32:35Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T14:34:01Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T14:41:50Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

github-actions · 2025-06-15T14:42:00Z

+    screenshot: 'only-on-failure', // or 'on' if you want screenshots for all steps
+    video: 'on-first-retry',
+    output: process.env.PLAYWRIGHT_SCREENSHOT_DIR || 'test-results', // This is the key!


[prettier] _{reported by reviewdog 🐶}

Suggested change

screenshot: 'only-on-failure', // or 'on' if you want screenshots for all steps

video: 'on-first-retry',

output: process.env.PLAYWRIGHT_SCREENSHOT_DIR || 'test-results', // This is the key!

screenshot: "only-on-failure", // or 'on' if you want screenshots for all steps

video: "on-first-retry",

output: process.env.PLAYWRIGHT_SCREENSHOT_DIR || "test-results", // This is the key!

github-actions · 2025-06-15T14:42:51Z

👋 Hello!

Here's the link to our GitHub Pages site:
[View Blank Page]({{ https://digitalproductinnovationanddevelopment.github.io/Code-Reviews-of-GUI-Tests/ }})

This link will always show the latest version from our main branch.

amarilda611 added 8 commits June 2, 2025 00:14

Create published-screenshots

d8f74cb

Delete published-screenshots

d66f40b

Create .gitkeep

bb95f3c

Update example.spec.js

cddf92e

Create .gitignore

98aca7f

Update playwright.yml

1d9d9ae

Update playwright.yml

c6cff76

Update playwright.yml

a312f38

github-actions Bot reviewed Jun 1, 2025

View reviewed changes

amarilda611 and others added 2 commits June 2, 2025 01:01

Update playwright.yml

61b4578

Docs: Publish Playwright screenshots for PR #82 [skip ci]

f25f00d

amarilda611 added 4 commits June 2, 2025 01:12

Update playwright.yml

223d1df

Update playwright.yml

8f24ec7

Update playwright.yml

f3cde19

Update playwright.yml

5a1684d

Update example.spec.js

3c56246

github-actions Bot reviewed Jun 13, 2025

View reviewed changes

Update playwright.yml

e9ba776

Update example.spec.js

04f3c49

Update playwright.yml

4cf6f0d

Update playwright.yml

842a81d

Update playwright.yml

56b6c9c

Update playwright.yml

1077279

Update playwright.yml

c8e1a10

Update playwright.config.js

53c64b3

Update playwright.yml

8f38e11

Update playwright.config.js

8b91826

Update playwright.yml

4100ed6

github-actions Bot reviewed Jun 15, 2025

View reviewed changes

Update playwright.yml

6761349

Update playwright.config.js

c7eb28b

Update playwright.config.js

e2edaea

Update playwright.yml

0690cec

Update playwright.config.js

9ca36a1

github-actions Bot reviewed Jun 15, 2025

View reviewed changes

Update playwright.yml

cd72dc5

amarilda611 added 3 commits June 15, 2025 17:31

Update playwright.config.js

1f42352

Update playwright.yml

eeee5ff

Update playwright.yml

d800730

		@@ -1,16 +1,21 @@
		// tests/example.spec.js
		const { test, expect } = require('@playwright/test');

	const { test, expect } = require('@playwright/test');
	const { test, expect } = require("@playwright/test");

	const { defineConfig, devices } = require('@playwright/test');
	const { defineConfig, devices } = require("@playwright/test");

	reporter: 'html', // Default reporter, can be overridden by CLI
	reporter: "html", // Default reporter, can be overridden by CLI


		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
		trace: 'on-first-retry',

-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },

-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
+      name: "firefox",
+      use: { ...devices["Desktop Firefox"] },

-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
+      name: "webkit",
+      use: { ...devices["Desktop Safari"] },

Conversation

amarilda611 commented Jun 1, 2025

Uh oh!

github-actions Bot Jun 1, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 1, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot commented Jun 1, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Playwright Test Metrics

ESLint (GUI tests)

Test-Flow Chart

Note: The flowchart.png is uploaded as an artifact. To embed it directly like screenshots,

you would also need to copy it into the 'published-screenshots' directory in step 9,

and then reference it using the PR-specific GitHub Pages URL.

Playwright Screenshots for this PR

Uh oh!

github-actions Bot commented Jun 10, 2025

Uh oh!

github-actions Bot commented Jun 13, 2025

Uh oh!

github-actions Bot Jun 13, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 13, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 13, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot commented Jun 13, 2025

Uh oh!

github-actions Bot commented Jun 13, 2025

Uh oh!

github-actions Bot commented Jun 13, 2025

Uh oh!

github-actions Bot commented Jun 13, 2025

Uh oh!

github-actions Bot commented Jun 13, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot Jun 15, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 15, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 15, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 15, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 15, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 15, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot Jun 15, 2025

Choose a reason for hiding this comment

Uh oh!

github-actions Bot commented Jun 15, 2025

Uh oh!

github-actions Bot commented Jun 15, 2025

github-actions Bot commented Jun 1, 2025 •

edited

Loading