[BUG] Unable to import module in test [ERR_REQUIRE_ESM]

Context:

• Playwright Version: 1.20.1 (also tried beta)
• Node.js version: 16

Code Snippet

import { test } from '@playwright/test'
import getport from 'get-port'

test.describe('suite', () => {
    test('test', async ({ page }) => {
        console.log(await getport())
        await page.goto('https://playwright.dev')
    })
})

Describe the bug

Playwright fails with no test found error due to import import getport from 'get-port' of a module.

PW_EXPERIMENTAL_TS_ESM=1 doesn’t help anyhow in any combination with or without "type": "module" in the package.json

Error [ERR_REQUIRE_ESM]: require() of ES Module browser-tests/node_modules/get-port/index.js from browser-tests/test/test.spec.ts not supported.
Instead change the require of index.js in browser-tests/test/test.spec.ts to a dynamic import() which is available in all CommonJS modules.

[grybykm]

@dgozman your example indeed works for me! However, with PW_EXPERIMENTAL_TS_ESM=1 set I can’t import any local files so I doesn’t make much sense.

ex: import { mock } from '../../src/mock'

the file

import { Page } from '@playwright/test'

export const mock = async (page: Page) => {}

another drawback of this approach is that I can’t use require statement. I hope I can replace them with dynamic imports at some point.

require statements are still recommended in the official docs https://playwright.dev/docs/test-auth globalSetup: require.resolve('./global-setup')

[frederikhors]

@dgozman i have this on windows 10.