Console and network logs

Author: vishnuv688

example/wdio.conf.ts

@@ -63,7 +63,7 @@ export const config: Options.Testrunner = {
   capabilities: [
     {
       browserName: 'chrome',
-      browserVersion: '145.0.7632.110', // specify chromium browser version for testing
+      browserVersion: '145.0.7632.117', // specify chromium browser version for testing
       'goog:chromeOptions': {
         args: [
           '--headless',

packages/app/src/components/workbench/logs.ts

@@ -120,13 +120,15 @@ export class DevtoolsSource extends Element {
           {} as Record<string, unknown>
         )}"
       ></wdio-devtools-list>
-      <wdio-devtools-list
-        label="Result"
-        class="text-xs"
-        .list="${typeof this.command.result === 'object'
-          ? this.command.result
-          : [this.command.result]}"
-      ></wdio-devtools-list>
+      ${this.command.result !== null && this.command.result !== undefined
+        ? html`<wdio-devtools-list
+            label="Result"
+            class="text-xs"
+            .list="${typeof this.command.result === 'object'
+              ? this.command.result
+              : [this.command.result]}"
+          ></wdio-devtools-list>`
+        : ''}
     `
   }
 }

packages/app/src/components/workbench/metadata.ts

@@ -33,20 +33,40 @@ export class DevtoolsMetadata extends Element {
       return html`<wdio-devtools-placeholder></wdio-devtools-placeholder>`
     }
 
-    const { url } = this.metadata
+    const m = this.metadata as any
+    const sessionInfo: Record<string, unknown> = {}
+    if (m.sessionId) sessionInfo['Session ID'] = m.sessionId
+    if (m.testEnv) sessionInfo['Environment'] = m.testEnv
+    if (m.host) sessionInfo['WebDriver Host'] = m.host
+    if (m.modulePath) sessionInfo['Test File'] = m.modulePath
+    if (m.url) sessionInfo['URL'] = m.url
+
+    const caps = m.capabilities || {}
+    const desiredCaps = m.desiredCapabilities || {}
+
     return html`
-      <wdio-devtools-list
-        label="Metadata"
-        .list="${{ url }}"
-      ></wdio-devtools-list>
+      ${Object.keys(sessionInfo).length
+        ? html`<wdio-devtools-list
+            label="Session"
+            .list="${sessionInfo}"
+          ></wdio-devtools-list>`
+        : ''}
       <wdio-devtools-list
         label="Capabilities"
-        .list="${this.metadata.capabilities}"
-      ></wdio-devtools-list>
-      <wdio-devtools-list
-        label="Options"
-        .list="${this.metadata.options}"
+        .list="${caps}"
       ></wdio-devtools-list>
+      ${Object.keys(desiredCaps).length
+        ? html`<wdio-devtools-list
+            label="Desired Capabilities"
+            .list="${desiredCaps}"
+          ></wdio-devtools-list>`
+        : ''}
+      ${m.options && Object.keys(m.options).length
+        ? html`<wdio-devtools-list
+            label="Options"
+            .list="${m.options}"
+          ></wdio-devtools-list>`
+        : ''}
     `
   }
 }

packages/nightwatch-devtools/example/nightwatch.conf.cjs

@@ -23,7 +23,8 @@ module.exports = {
         browserName: 'chrome',
         'goog:chromeOptions': {
           args: ['--headless', '--no-sandbox', '--disable-dev-shm-usage']
-        }
+        },
+        'goog:loggingPrefs': { performance: 'ALL' }
       },
       // Simple configuration - just call the function to get globals
       globals: nightwatchDevtools({ port: 3000 })

packages/nightwatch-devtools/src/constants.ts

@@ -1,13 +1,5 @@
-export const PAGE_TRANSITION_COMMANDS = [
-  'url',
-  'navigateTo',
-  'click',
-  'submitForm'
-] as const
-
 /**
  * Internal Nightwatch commands to exclude from capture
- * These are helper/platform detection commands not relevant to users
  */
 export const INTERNAL_COMMANDS_TO_IGNORE = [
   'isAppiumClient',
@@ -36,14 +28,8 @@ export const INTERNAL_COMMANDS_TO_IGNORE = [
   'executeScript'
 ] as const
 
-/**
- * Console method types for log capturing
- */
 export const CONSOLE_METHODS = ['log', 'info', 'warn', 'error'] as const
 
-/**
- * Log level detection patterns
- */
 export const LOG_LEVEL_PATTERNS: ReadonlyArray<{
   level: 'trace' | 'debug' | 'info' | 'warn' | 'error'
   pattern: RegExp
@@ -55,28 +41,14 @@ export const LOG_LEVEL_PATTERNS: ReadonlyArray<{
   { level: 'error', pattern: /\berror\b/i }
 ] as const
 
-/**
- * Console log source types
- */
 export const LOG_SOURCES = {
   BROWSER: 'browser',
   TEST: 'test',
   TERMINAL: 'terminal'
 } as const
 
-/**
- * ANSI escape code regex - matches all ANSI escape sequences including:
- * - Color codes: \x1b[36m, \x1b[39m
- * - Cursor control: \x1b[2K, \x1b[1G, \x1b[1A
- * - Cursor visibility: \x1b[?25l, \x1b[?25h
- * - SGR parameters: \x1b[1m, \x1b[22m
- * Pattern: ESC [ (optional ?)(digits/semicolons)(letter)
- */
 export const ANSI_REGEX = /\x1b\[[?]?[0-9;]*[A-Za-z]/g
 
-/**
- * Default values
- */
 export const DEFAULTS = {
   CID: '0-0',
   TEST_NAME: 'unknown',
@@ -85,9 +57,7 @@ export const DEFAULTS = {
   DURATION: 0
 } as const
 
-/**
- * Timing constants (in milliseconds)
- */
+/** Timing constants (in milliseconds) */
 export const TIMING = {
   UI_RENDER_DELAY: 150,
   TEST_START_DELAY: 100,
@@ -98,9 +68,6 @@ export const TIMING = {
   BROWSER_POLL_INTERVAL: 1000
 } as const
 
-/**
- * Test states
- */
 export const TEST_STATE = {
   PENDING: 'pending',
   RUNNING: 'running',
@@ -109,9 +76,13 @@ export const TEST_STATE = {
   SKIPPED: 'skipped'
 } as const
 
-export type TestState = (typeof TEST_STATE)[keyof typeof TEST_STATE]
-
 /**
- * Temporary UID generation pattern
+ * Generic pattern matching Nightwatch commands whose result is a boolean.
  */
-export const TEMP_UID_PREFIX = 'temp'
+export const BOOLEAN_COMMAND_PATTERN =
+  /^waitFor|^is[A-Z]|^has[A-Z]|(Visible|Present|Enabled|Selected|NotVisible|NotPresent)$/
+
+export const NAVIGATION_COMMANDS = ['url', 'navigate', 'navigateTo'] as const
+
+/** Spinner progress frames — suppress from UI Console output. */
+export const SPINNER_RE = /^[⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏]/u