Move floating menu to a Vue component (#843)

* Move floating menu to a Vue component

* nit

* Fix jest tests

src/scripts/ui.ts

@@ -372,6 +372,13 @@ export class ComfyUI {
       this.history.update()
     })
 
+    // For testing. Legacy ui tests don't have vue app initialized.
+    if (!app.vueAppReady) {
+      this.setup(document.body)
+    }
+  }
+
+  setup(containerElement: HTMLElement) {
     const confirmClear = this.settings.addSetting({
       id: 'Comfy.ConfirmClear',
       category: ['Comfy', 'Workflow', 'ConfirmClear'],
@@ -497,7 +504,7 @@ export class ComfyUI {
     this.menuHamburger = $el(
       'div.comfy-menu-hamburger',
       {
-        parent: document.body,
+        parent: containerElement,
         onclick: () => {
           this.menuContainer.style.display = 'block'
           this.menuHamburger.style.display = 'none'
@@ -506,7 +513,7 @@ export class ComfyUI {
       [$el('div'), $el('div'), $el('div')]
     ) as HTMLDivElement
 
-    this.menuContainer = $el('div.comfy-menu', { parent: document.body }, [
+    this.menuContainer = $el('div.comfy-menu', { parent: containerElement }, [
       $el(
         'div.drag-handle.comfy-menu-header',
         {
@@ -730,6 +737,7 @@ export class ComfyUI {
       $el('button', {
         id: 'comfy-clipspace-button',
         textContent: 'Clipspace',
+        // @ts-expect-error Move to ComfyApp
         onclick: () => app.openClipspace()
       }),
       $el('button', {