Eslint fix

Author: vishnuv688

example/wdio.conf.ts

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

packages/app/src/components/sidebar/constants.ts

@@ -1,3 +1,11 @@
+import { TestState } from './types.js'
+
+export const STATE_MAP: Record<string, TestState> = {
+  running: TestState.RUNNING,
+  failed: TestState.FAILED,
+  passed: TestState.PASSED,
+  skipped: TestState.SKIPPED
+}
 import type { RunCapabilities } from './types.js'
 
 export const DEFAULT_CAPABILITIES: RunCapabilities = {

packages/app/src/components/sidebar/explorer.ts

@@ -17,7 +17,7 @@ import type {
   TestRunDetail
 } from './types.js'
 import { TestState } from './types.js'
-import { DEFAULT_CAPABILITIES, FRAMEWORK_CAPABILITIES } from './constants.js'
+import { DEFAULT_CAPABILITIES, FRAMEWORK_CAPABILITIES, STATE_MAP } from './constants.js'
 
 import '~icons/mdi/play.js'
 import '~icons/mdi/stop.js'
@@ -31,13 +31,6 @@ import type { DevtoolsSidebarFilter } from './filter.js'
 
 const EXPLORER = 'wdio-devtools-sidebar-explorer'
 
-const STATE_MAP: Record<string, TestState> = {
-  'running': TestState.RUNNING,
-  'failed': TestState.FAILED,
-  'passed': TestState.PASSED,
-  'skipped': TestState.SKIPPED
-}
-
 @customElement(EXPLORER)
 export class DevtoolsSidebarExplorer extends CollapseableEntry {
   #testFilter: DevtoolsSidebarFilter | undefined
@@ -376,12 +369,18 @@ export class DevtoolsSidebarExplorer extends CollapseableEntry {
 
     // Check explicit state first
     const mappedState = STATE_MAP[state]
-    if (mappedState) return mappedState
+    if (mappedState) {
+      return mappedState
+    }
 
     // For suites, compute state from children
     if ('tests' in entry) {
-      if (this.#isRunning(entry)) return TestState.RUNNING
-      if (this.#hasFailed(entry)) return TestState.FAILED
+      if (this.#isRunning(entry)) {
+        return TestState.RUNNING
+      }
+      if (this.#hasFailed(entry)) {
+        return TestState.FAILED
+      }
       return TestState.PASSED
     }
 
@@ -480,8 +479,7 @@ export class DevtoolsSidebarExplorer extends CollapseableEntry {
               <p class="text-disabledForeground">No tests to display</p>
               <p class="text-xs text-disabledForeground mt-2">
                 Debug: suites=${this.suites?.length || 0},
-                rootSuites=${uniqueSuites.length},
-                filtered=${suites.length}
+                rootSuites=${uniqueSuites.length}, filtered=${suites.length}
               </p>
             </div>`}
       </wdio-test-suite>

packages/app/src/controller/DataManager.ts

@@ -49,10 +49,17 @@ export const isTestRunningContext = createContext<boolean>(
 )
 
 interface SocketMessage<
-  T extends keyof TraceLog | 'testStopped' | 'clearExecutionData' = keyof TraceLog | 'testStopped' | 'clearExecutionData'
+  T extends keyof TraceLog | 'testStopped' | 'clearExecutionData' =
+    | keyof TraceLog
+    | 'testStopped'
+    | 'clearExecutionData'
 > {
   scope: T
-  data: T extends keyof TraceLog ? TraceLog[T] : T extends 'clearExecutionData' ? { uid?: string } : unknown
+  data: T extends keyof TraceLog
+    ? TraceLog[T]
+    : T extends 'clearExecutionData'
+      ? { uid?: string }
+      : unknown
 }
 
 export class DataManagerController implements ReactiveController {

packages/backend/src/index.ts

@@ -30,7 +30,9 @@ export function broadcastToClients(message: string) {
   })
 }
 
-export async function start(opts: DevtoolsBackendOptions = {}): Promise<{ server: FastifyInstance; port: number }> {
+export async function start(
+  opts: DevtoolsBackendOptions = {}
+): Promise<{ server: FastifyInstance; port: number }> {
   const host = opts.hostname || 'localhost'
   // Use getPort to find an available port, starting with the preferred port
   const preferredPort = opts.port || DEFAULT_PORT
@@ -122,7 +124,7 @@ export async function start(opts: DevtoolsBackendOptions = {}): Promise<{ server
             })
             return
           }
-        } catch (e) {
+        } catch {
           // Not JSON or parsing failed, forward as-is
         }
 
@@ -150,7 +152,10 @@ export async function stop() {
 
   // Close all WebSocket connections first
   clients.forEach((client) => {
-    if (client.readyState === WebSocket.OPEN || client.readyState === WebSocket.CONNECTING) {
+    if (
+      client.readyState === WebSocket.OPEN ||
+      client.readyState === WebSocket.CONNECTING
+    ) {
       client.terminate()
     }
   })

packages/nightwatch-devtools/example/tests/login.test.js

@@ -1,6 +1,5 @@
-describe('The Internet Guinea Pig Website', function() {
-
-  it('should log into the secure area with valid credentials', async function(browser) {
+describe('The Internet Guinea Pig Website', function () {
+  it('should log into the secure area with valid credentials', async function (browser) {
     console.log('[TEST] Navigating to login page')
     browser
       .url('https://the-internet.herokuapp.com/login')
@@ -12,15 +11,17 @@ describe('The Internet Guinea Pig Website', function() {
       .setValue('#password', 'SuperSecretPassword!')
       .click('button[type="submit"]')
 
-    console.log('[TEST] Verifying flash message: You logged into a secure area!')
+    console.log(
+      '[TEST] Verifying flash message: You logged into a secure area!'
+    )
     await browser
       .waitForElementVisible('#flash')
       .assert.textContains('#flash', 'You logged into a secure area!')
 
     console.log('[TEST] Flash message verified successfully')
   })
 
-  it('should show error with invalid credentials', async function(browser) {
+  it('should show error with invalid credentials', async function (browser) {
     console.log('[TEST] Navigating to login page')
     await browser
       .url('https://the-internet.herokuapp.com/login')
@@ -39,5 +40,4 @@ describe('The Internet Guinea Pig Website', function() {
 
     console.log('[TEST] Flash message verified successfully')
   })
-
 })

packages/nightwatch-devtools/example/tests/sample.test.js

@@ -1,23 +1,21 @@
-describe('Sample Nightwatch Test with DevTools', function() {
-  
-  it('should navigate to example.com and check title', async function(browser) {
+describe('Sample Nightwatch Test with DevTools', function () {
+  it('should navigate to example.com and check title', async function (browser) {
     await browser
       .url('https://example.com')
       .waitForElementVisible('body', 5000)
       .assert.titleContains('Example')
       .assert.visible('h1')
-    
+
     const result = await browser.getText('h1')
     browser.assert.ok(result.includes('Example'), 'H1 contains "Example"')
-  });
+  })
 
-  it('should perform basic interactions', async function(browser) {
+  it('should perform basic interactions', async function (browser) {
     await browser
       .url('https://www.google.com')
       .waitForElementVisible('body', 5000)
       .assert.visible('textarea[name="q"]')
       .setValue('textarea[name="q"]', 'WebdriverIO DevTools')
       .pause(1000)
-  });
-
-});
+  })
+})

packages/nightwatch-devtools/src/constants.ts

@@ -109,7 +109,7 @@ export const TEST_STATE = {
   SKIPPED: 'skipped'
 } as const
 
-export type TestState = typeof TEST_STATE[keyof typeof TEST_STATE]
+export type TestState = (typeof TEST_STATE)[keyof typeof TEST_STATE]
 
 /**
  * Temporary UID generation pattern