Eslint fix

Author: vishnuv688

example/features/step-definitions/steps.ts

@@ -29,6 +29,6 @@ Then(/^I should see a flash message saying (.*)$/, async (message) => {
   const el = await SecurePage.flashAlert
   await expect(el).toBeExisting()
   await expect(el).toHaveText(expect.stringContaining(message))
-  console.log(`[TEST] Flash message verified successfully`)
+  console.log('[TEST] Flash message verified successfully')
   // await browser.pause(15000)
 })

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

@@ -315,9 +315,11 @@ export class DevtoolsSidebarExplorer extends CollapseableEntry {
     return (
       Boolean(
         ['all', 'none'].includes(this.#testFilter.filterStatus) ||
-        (entry.state === TestState.PASSED && this.#testFilter.filtersPassed) ||
-        (entry.state === TestState.FAILED && this.#testFilter.filtersFailed) ||
-        (entry.state === TestState.SKIPPED && this.#testFilter.filtersSkipped)
+          (entry.state === TestState.PASSED &&
+            this.#testFilter.filtersPassed) ||
+          (entry.state === TestState.FAILED &&
+            this.#testFilter.filtersFailed) ||
+          (entry.state === TestState.SKIPPED && this.#testFilter.filtersSkipped)
       ) &&
       (!this.#testFilter.filterQuery ||
         entryLabelIncludingChildren

packages/app/src/components/tabs.ts

@@ -28,7 +28,9 @@ export class DevtoolsTabs extends Element {
   ]
 
   #getTabButton(tabId: string) {
-    const tabElement = this.tabs.find((el) => el.getAttribute('label') === tabId)
+    const tabElement = this.tabs.find(
+      (el) => el.getAttribute('label') === tabId
+    )
     const badge = (tabElement as any)?.badge
     const showBadge = badge && badge > 0
 
@@ -41,7 +43,13 @@ export class DevtoolsTabs extends Element {
           : ''} flex items-center gap-2"
       >
         <span>${tabId}</span>
-        ${showBadge ? html`<span class="inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 text-xs font-semibold rounded-full" style="background-color: #5a5a5a; color: #ffffff;">${badge}</span>` : nothing}
+        ${showBadge
+          ? html`<span
+              class="inline-flex items-center justify-center min-w-[20px] px-1.5 py-0.5 text-xs font-semibold rounded-full"
+              style="background-color: #5a5a5a; color: #ffffff;"
+              >${badge}</span
+            >`
+          : nothing}
       </button>
     `
   }

packages/app/src/components/workbench.ts

@@ -192,8 +192,13 @@ export class DevtoolsWorkbench extends Element {
         <wdio-devtools-tab label="Log">
           <wdio-devtools-logs></wdio-devtools-logs>
         </wdio-devtools-tab>
-        <wdio-devtools-tab label="Console" .badge="${this.consoleLogs?.length || 0}">
-          <wdio-devtools-console-logs id="console-logs-tab"></wdio-devtools-console-logs>
+        <wdio-devtools-tab
+          label="Console"
+          .badge="${this.consoleLogs?.length || 0}"
+        >
+          <wdio-devtools-console-logs
+            id="console-logs-tab"
+          ></wdio-devtools-console-logs>
         </wdio-devtools-tab>
         <wdio-devtools-tab label="Network">
           <section

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

@@ -30,7 +30,9 @@ export class DevtoolsConsoleLogs extends Element {
       .console-container {
         flex: 1;
         overflow-y: auto;
-        font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
+        font-family:
+          'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas,
+          'Courier New', monospace;
         font-size: 13px;
         line-height: 1.6;
       }
@@ -157,14 +159,18 @@ export class DevtoolsConsoleLogs extends Element {
 
   #formatArgs(args: any[]): string {
     if (Array.isArray(args)) {
-      return args.map(arg => {
-        if (typeof arg === 'string') return arg
-        try {
-          return JSON.stringify(arg, null, 2)
-        } catch {
-          return String(arg)
-        }
-      }).join(' ')
+      return args
+        .map((arg) => {
+          if (typeof arg === 'string') {
+            return arg
+          }
+          try {
+            return JSON.stringify(arg, null, 2)
+          } catch {
+            return String(arg)
+          }
+        })
+        .join(' ')
     }
     return String(args)
   }
@@ -195,11 +201,15 @@ export class DevtoolsConsoleLogs extends Element {
           return html`
             <div class="log-entry log-type-${log.type || 'log'}">
               ${log.timestamp
-                ? html`<div class="log-time">${this.#formatElapsedTime(log.timestamp)}</div>`
+                ? html`<div class="log-time">
+                    ${this.#formatElapsedTime(log.timestamp)}
+                  </div>`
                 : nothing}
               <div class="log-icon">${icon}</div>
               <div class="log-content">
-                ${log.source === 'test' ? html`<span class="log-prefix">>>></span>` : nothing}
+                ${log.source === 'test'
+                  ? html`<span class="log-prefix">>>></span>`
+                  : nothing}
                 <span class="log-message">${this.#formatArgs(log.args)}</span>
               </div>
             </div>

packages/service/src/session.ts

@@ -65,9 +65,15 @@ export class SessionCapturer {
         const logEntry: ConsoleLogs = {
           timestamp: Date.now(),
           type: method,
-          args: args.map(arg =>
+          args: args.map((arg) =>
             typeof arg === 'object' && arg !== null
-              ? ((() => { try { return JSON.stringify(arg) } catch { return String(arg) } })())
+              ? (() => {
+                  try {
+                    return JSON.stringify(arg)
+                  } catch {
+                    return String(arg)
+                  }
+                })()
               : String(arg)
           ),
           source: 'test'
@@ -228,7 +234,7 @@ export class SessionCapturer {
       }
       if (Array.isArray(consoleLogs)) {
         const browserLogs = consoleLogs as ConsoleLogs[]
-        browserLogs.forEach(log => log.source = 'browser')
+        browserLogs.forEach((log) => (log.source = 'browser'))
         this.consoleLogs.push(...browserLogs)
         this.sendUpstream('consoleLogs', browserLogs)
       }