✨ add diagnostic test suite

DataDog · Dec 3, 2024 · 24bdb10 · 24bdb10
1 parent 4ffe796
commit 24bdb10
Show file tree

Hide file tree

Showing 9 changed files with 38,805 additions and 2 deletions.
diff --git a/developer-extension/src/common/extension.types.ts b/developer-extension/src/common/extension.types.ts
@@ -8,6 +8,12 @@ export type BackgroundToDevtoolsMessage = {
   message: SdkMessage
 }
 
+export type BackgroundTestResult = {
+  id: string
+  name: string
+  status: 'running' | 'passed' | 'failed'
+}
+
 export type DevtoolsToBackgroundMessage = {
   type: 'update-net-request-rules'
   options: NetRequestRulesOptions
@@ -42,6 +48,10 @@ export type SdkMessage =
         segment: BrowserSegmentMetadata
       }
     }
+  | {
+      type: 'test-result'
+      payload: BackgroundTestResult
+    }
 
 export type EventCollectionStrategy = 'sdk' | 'requests'
 

diff --git a/developer-extension/src/common/panelTabConstants.ts b/developer-extension/src/common/panelTabConstants.ts
@@ -3,6 +3,7 @@ export const enum PanelTabs {
   Infos = 'infos',
   Settings = 'settings',
   Replay = 'replay',
+  Dignostics = 'diagnostics',
 }
 
-export const DEFAULT_PANEL_TAB = PanelTabs.Events
+export const DEFAULT_PANEL_TAB = PanelTabs.Dignostics
diff --git a/developer-extension/src/content-scripts/main.ts b/developer-extension/src/content-scripts/main.ts
@@ -14,7 +14,7 @@ declare global {
 type SdkPublicApi = { [key: string]: (...args: any[]) => unknown }
 
 function main() {
-  // Prevent multiple executions when the devetools are reconnecting
+  // Prevent multiple executions when the devtools are reconnecting
   if (window.__ddBrowserSdkExtensionCallback) {
     return
   }

diff --git a/developer-extension/src/panel/components/panel.tsx b/developer-extension/src/panel/components/panel.tsx
@@ -13,6 +13,7 @@ import { SettingsTab } from './tabs/settingsTab'
 import { InfosTab } from './tabs/infosTab'
 import { EventsTab, DEFAULT_COLUMNS } from './tabs/eventsTab'
 import { ReplayTab } from './tabs/replayTab'
+import { DiagnosticTab } from './tabs/diagnosticTab'
 
 import * as classes from './panel.module.css'
 
@@ -65,6 +66,7 @@ export function Panel() {
           >
             Settings
           </Tabs.Tab>
+          <Tabs.Tab value={PanelTabs.Dignostics}>Disgnostic</Tabs.Tab>
         </div>
         <Anchor
           className={classes.link}
@@ -95,6 +97,9 @@ export function Panel() {
       <Tabs.Panel value={PanelTabs.Settings} className={classes.tab}>
         <SettingsTab />
       </Tabs.Panel>
+      <Tabs.Panel value={PanelTabs.Dignostics} className={classes.tab}>
+        <DiagnosticTab />
+      </Tabs.Panel>
     </Tabs>
   )
 }