Test-suit scroll bar

Author: vishnuv688

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

@@ -33,7 +33,21 @@ export class DevtoolsSidebarExplorer extends CollapseableEntry {
   static styles = [...Element.styles, css`
     :host {
       width: 100%;
-      display: block;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+    }
+
+    header {
+      flex: 0 0 auto;
+    }
+
+    wdio-test-suite {
+      flex: 1 1 auto;
+      overflow-y: auto;
+      overflow-x: hidden;
+      min-height: 0;
+      -webkit-overflow-scrolling: touch;
     }
   `]
 

packages/app/src/components/workbench.ts

@@ -89,7 +89,7 @@ export class DevtoolsWorkbench extends Element {
     const styleWorkbench = this.#toolbarCollapsed ? '' : this.#dragVertical.getPosition()
     const sidebarStyle = !this.#workbenchSidebarCollapsed
       ? (() => {
-          const pos = this.#dragHorizontal.getPosition() // e.g. "flex-basis: 300px;"
+          const pos = this.#dragHorizontal.getPosition()
           const m = pos.match(/flex-basis:\s*([\d.]+)px/)
           const w = m ? m[1] : MIN_METATAB_WIDTH
           // Keep drag-resize (flex-basis) but stop auto-expansion

packages/service/src/index.ts

@@ -177,9 +177,6 @@ export default class DevToolsHookService implements Services.ServiceInstance {
             // Only consider command frames from user spec/test files
             return file && SPEC_FILE_PATTERN.test(file)
         })
-        log.debug('Command: ', command)
-        log.debug('Source: ', JSON.stringify(source))
-        log.debug('Stack: ', JSON.stringify(stack))
 
         if (source && this.#commandStack.length === 0 && !INTERNAL_COMMANDS.includes(command)) {
             const cmdSig = JSON.stringify({