[BUG] Parameterized tests are not displayed in the UI mode

[MindaugasMateika]

System info

• Playwright Version: 1.32
• Operating System: macOS 13.2
• Browser: All

Source code

Config file

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

export default defineConfig({
  projects: [
    {
      name: 'chromium',
      use: { ...devices['Desktop Chrome'], },
    },
});

Test file (self-contained)

// cmp.test.ts
import test from '@playwright/test'

enum URLs {
  FR = 'https://www.vinted.fr',
  LT = 'https://www.vinted.lt',
  DE = 'https://www.vinted.de',
}

test.describe('cookies', () => {
  for (const [country, baseURL] of Object.entries(URLs)) {
    test.describe(() => {
      test.use({ baseURL })

      test(`test accepting cookies in ${country}`, async ({ page }) => {
        // test
      })
    })
  }
})

Expected

• Test names in UI mode to be displayed the same like in VS Code plugin - with variable names.
• All parameterized tests to be displayed

VS Code plugin 🟢

Actual
Currently it shows one correct name plus nested titles with project name but those do not run the tests.

UI Mode 🔴

[aslushnikov]

I can repro:

// a.spec.ts
import test from '@playwright/test'

for (const country of ['FR', 'LT', 'DE']) {
  test.describe('some name', () => {
    test(`cookies in ${country}`, () => { })
  });
}

Using either anonymous test.describe() or test.describe with the same name will break UI mode tree.