[BUG] Error: getaddrinfo ENOTFOUND "url" with baseUrl in playwright-ct.config.ts

[Crone1331]

System info

• Playwright Version: [v1.39.0]
• Operating System: [Ubuntu 20]
• Browser: [All]
• Other info:

Source code

Config file

// playwright.config.ts
import { defineConfig, devices } from '@playwright/test';

export default defineConfig({
    updateSnapshots: process.env.updateSnapshots as TUpdateSnapshots || 'missing',
    testDir: process.env.visualTestPath,
    timeout: 10 * 1000,
    fullyParallel: false,
    retries: 1,
    workers: 1,
    use: {
        baseURL: process.env.CI_ENVIRONMENT_URL || 'http://localhost:8080/',
    },
    projects: [
        {
            name: 'chromium',
            use: {...devices['Desktop Chrome']},
        },
    ],
});

Test file (self-contained)

import {
    test,
    expect,
    devices,
} from 'playwright/test';

test.describe('Visual test', (): void => {
    const provider: string = process.env.visualTestProvider as string;
    const theme: string = process.env.visualTestTheme as string;

    test.beforeEach(async ({page}): Promise<void> => {
        await page.goto('http://localhost:8080/', {waitUntil: 'networkidle'});
        await page.waitForSelector('.root');
    });
});

Steps

• [Run the test]
• [...]
• [Get error =( ]

Expected

Currect work

Actual

Error: getaddrinfo ENOTFOUND http://localhost:8080/

Note

When running tests, if use.baseURL is specified in playwright-tc.config.ts, the error Error is thrown: getaddrinfo ENOTFOUND http://localhost:8080/
If you remove the baseUrl, there is no error

[mxschmitt]

I was able to reproduce it with the following diff:

diff --git a/tests/components/ct-react-vite/playwright.config.ts b/tests/components/ct-react-vite/playwright.config.ts
index 63d909ae2..50bcb1899 100644
--- a/tests/components/ct-react-vite/playwright.config.ts
+++ b/tests/components/ct-react-vite/playwright.config.ts
@@ -38,7 +38,10 @@ export default defineConfig({
   projects: [
     {
       name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      use: {
+        ...devices['Desktop Chrome'],
+        baseURL: process.env.CI_ENVIRONMENT_URL || 'http://localhost:8080/',
+      },
     },
     {
       name: 'firefox',

with:

DEBUG=pw:test* npx playwright test --config playwright.config.ts in tests/components/ct-react-vite.

bug is around here:

playwright/packages/playwright-ct-core/src/vitePlugin.ts

Lines 72 to 73 in 6b31b30

	const port = use.ctPort || 3100;
	const host = use.baseURL || 'localhost';

cc @sand4rt