Test rerun feature enhancement

Author: vishnuv688

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

@@ -10,10 +10,12 @@ import type { RunCapabilities } from './types.js'
 
 export const DEFAULT_CAPABILITIES: RunCapabilities = {
   canRunSuites: true,
-  canRunTests: true
+  canRunTests: true,
+  canRunAll: true
 }
 
 export const FRAMEWORK_CAPABILITIES: Record<string, RunCapabilities> = {
-  cucumber: { canRunSuites: true, canRunTests: false },
-  'nightwatch-cucumber': { canRunSuites: true, canRunTests: false }
+  cucumber: { canRunSuites: true, canRunTests: false, canRunAll: true },
+  'nightwatch-cucumber': { canRunSuites: true, canRunTests: false, canRunAll: false },
+  nightwatch: { canRunSuites: true, canRunTests: true, canRunAll: false }
 }

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

@@ -521,16 +521,18 @@ export class DevtoolsSidebarExplorer extends CollapseableEntry {
         </h3>
         <nav class="flex ml-auto">
           <button
-            class="p-1 rounded hover:bg-toolbarHoverBackground text-sm group"
+            class="p-1 rounded text-sm group ${this.#getRunCapabilities().canRunAll ? 'hover:bg-toolbarHoverBackground' : 'opacity-30 cursor-not-allowed'}"
+            ?disabled=${!this.#getRunCapabilities().canRunAll}
             @click="${() => this.#runAllSuites()}"
           >
-            <icon-mdi-play class="group-hover:text-chartsGreen"></icon-mdi-play>
+            <icon-mdi-play class="${this.#getRunCapabilities().canRunAll ? 'group-hover:text-chartsGreen' : ''}"></icon-mdi-play>
           </button>
           <button
-            class="p-1 rounded hover:bg-toolbarHoverBackground text-sm group"
+            class="p-1 rounded text-sm group ${this.#getRunCapabilities().canRunAll ? 'hover:bg-toolbarHoverBackground' : 'opacity-30 cursor-not-allowed'}"
+            ?disabled=${!this.#getRunCapabilities().canRunAll}
             @click="${() => this.#stopActiveRun()}"
           >
-            <icon-mdi-stop class="group-hover:text-chartsRed"></icon-mdi-stop>
+            <icon-mdi-stop class="${this.#getRunCapabilities().canRunAll ? 'group-hover:text-chartsRed' : ''}"></icon-mdi-stop>
           </button>
           <button
             class="p-1 rounded hover:bg-toolbarHoverBackground text-sm group"

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

@@ -15,6 +15,7 @@ export interface TestEntry {
 export interface RunCapabilities {
   canRunSuites: boolean
   canRunTests: boolean
+  canRunAll: boolean
 }
 
 export interface RunnerOptions {

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

@@ -22,7 +22,12 @@ module.exports = {
       desiredCapabilities: {
         browserName: 'chrome',
         'goog:chromeOptions': {
-          args: ['--headless', '--no-sandbox', '--disable-dev-shm-usage', '--window-size=1600,1200']
+          args: [
+            '--headless',
+            '--no-sandbox',
+            '--disable-dev-shm-usage',
+            '--window-size=1600,1200'
+          ]
         },
         'goog:loggingPrefs': { performance: 'ALL' }
       },

packages/nightwatch-devtools/src/index.ts

@@ -917,7 +917,8 @@ class NightwatchDevToolsPlugin {
       baseDir: process.cwd(),
       runCapabilities: {
         canRunSuites: true,
-        canRunTests: !this.#isCucumberRunner
+        canRunTests: !this.#isCucumberRunner,
+        canRunAll: false
       }
     }
   }