[IMP] web: HOOT - disable stop button temporarily

This commit temporarily disables the "Stop" button in the UI after
clicking on it to avoid immediatly re-running the test runner right
after stopping it.

Part-of: #158916

addons/web/static/lib/hoot/ui/hoot_buttons.js

@@ -1,9 +1,9 @@
 /** @odoo-module */
 
 import { Component, useState, xml } from "@odoo/owl";
+import { Test } from "../core/test";
 import { refresh, subscribeToURLParams } from "../core/url";
 import { HootLink } from "./hoot_link";
-import { Test } from "../core/test";
 
 /**
  * @typedef {{
@@ -15,13 +15,21 @@ import { Test } from "../core/test";
 //-----------------------------------------------------------------------------
 
 const {
+    clearTimeout,
     Object: { keys: $keys },
+    setTimeout,
 } = globalThis;
 
 //-----------------------------------------------------------------------------
 // Internal
 //-----------------------------------------------------------------------------
 
+const DISABLE_TIMEOUT = 500;
+
+//-----------------------------------------------------------------------------
+// Exports
+//-----------------------------------------------------------------------------
+
 /** @extends {Component<HootButtonsProps, import("../hoot").Environment>} */
 export class HootButtons extends Component {
     static components = { HootLink };
@@ -35,6 +43,7 @@ export class HootButtons extends Component {
                 class="flex items-center bg-btn gap-2 px-2 py-1 transition-colors"
                 t-on-click="onRunClick"
                 t-att-title="isRunning ? 'Stop (Esc)' : 'Run'"
+                t-att-disabled="state.disable"
             >
                 <i t-attf-class="fa fa-{{ isRunning ? 'stop' : 'play' }}" />
                 <span class="hidden sm:inline" t-esc="isRunning ? 'Stop' : 'Run'" />
@@ -60,9 +69,11 @@ export class HootButtons extends Component {
     setup() {
         const { runner } = this.env;
         this.state = useState({
+            disable: false,
             failed: [],
         });
         this.runnerState = useState(runner.state);
+        this.disableTimeout = 0;
 
         runner.__afterPostTest(({ id, status }) => {
             if (status === Test.FAILED) {
@@ -90,6 +101,14 @@ export class HootButtons extends Component {
             }
             case "running": {
                 runner.stop();
+                if (this.disableTimeout) {
+                    clearTimeout(this.disableTimeout);
+                }
+                this.state.disable = true;
+                this.disableTimeout = setTimeout(
+                    () => (this.state.disable = false),
+                    DISABLE_TIMEOUT
+                );
                 break;
             }
         }