✅ fix e2e test

Author: BenoitZugmeyer

.prettierignore

@@ -4,7 +4,6 @@ esm
 coverage
 rum-events-format
 .yarn
-developer-extension/dist
 test/**/dist
 yarn.lock
 /docs

eslint.config.mjs

@@ -24,7 +24,6 @@ export default tseslint.config(
       'packages/*/bundle',
       'packages/*/cjs',
       'packages/*/esm',
-      'developer-extension/dist',
       'test/**/dist',
       'sandbox',
       'coverage',

test/e2e/lib/framework/createExtension.ts

@@ -1,3 +1,4 @@
+import fs from 'fs'
 import type { RumInitConfiguration } from '@datadog/browser-rum-core'
 import type test from '@playwright/test'
 import type { LogsInitConfiguration } from '@datadog/browser-logs'
@@ -17,6 +18,9 @@ export class Extension {
   public logsConfiguration: LogsInitConfiguration | undefined
 
   constructor(path: string) {
+    if (!fs.existsSync(path)) {
+      throw new Error(`Extension ${path} does not exist`)
+    }
     this.fixture = createExtensionTest(path)
 
     return this

test/e2e/scenario/developer-extension/developerExtension.scenario.ts

@@ -1,23 +1,25 @@
 import path from 'path'
-import { expect } from '@playwright/test'
+import { expect, test } from '@playwright/test'
 import { createExtension, createTest } from '../../lib/framework'
 
-const developerExtensionPath = path.join(process.cwd(), 'developer-extension', 'dist')
+const developerExtensionPath = path.join(process.cwd(), 'developer-extension/.output/chrome-mv3')
 
-createTest('should switch between tabs')
-  .withExtension(createExtension(developerExtensionPath))
-  .run(async ({ page, getExtensionId, flushBrowserLogs }) => {
-    const extensionId = await getExtensionId()
+test.describe('developer extension', () => {
+  createTest('should switch between tabs')
+    .withExtension(createExtension(developerExtensionPath))
+    .run(async ({ page, getExtensionId, flushBrowserLogs }) => {
+      const extensionId = await getExtensionId()
 
-    await page.goto(`chrome-extension://${extensionId}/panel.html`)
+      await page.goto(`chrome-extension://${extensionId}/panel.html`)
 
-    const getSelectedTab = () => page.getByRole('tab', { selected: true })
-    const getTab = (name: string) => page.getByRole('tab', { name })
+      const getSelectedTab = () => page.getByRole('tab', { selected: true })
+      const getTab = (name: string) => page.getByRole('tab', { name })
 
-    expect(await getSelectedTab().innerText()).toEqual('Events')
+      expect(await getSelectedTab().innerText()).toEqual('Events')
 
-    await getTab('Infos').click()
-    expect(await getSelectedTab().innerText()).toEqual('Infos')
+      await getTab('Infos').click()
+      expect(await getSelectedTab().innerText()).toEqual('Infos')
 
-    flushBrowserLogs()
-  })
+      flushBrowserLogs()
+    })
+})