Fix rename open/bookmark workflow (#1507)

* Fix rename open/bookmark workflow

* nit

* Fix save as

* Add browser test

browser_tests/fixtures/components/SidebarTab.ts

@@ -1,4 +1,4 @@
-import { Page } from '@playwright/test'
+import { Locator, Page } from '@playwright/test'
 
 class SidebarTab {
   constructor(
@@ -110,11 +110,30 @@ export class WorkflowsSidebarTab extends SidebarTab {
   }
 
   async switchToWorkflow(workflowName: string) {
-    const workflowLocator = this.page.locator(
-      '.comfyui-workflows-open .node-label',
-      { hasText: workflowName }
-    )
+    const workflowLocator = this.getOpenedItem(workflowName)
     await workflowLocator.click()
     await this.page.waitForTimeout(300)
   }
+
+  getOpenedItem(name: string) {
+    return this.page.locator('.comfyui-workflows-open .node-label', {
+      hasText: name
+    })
+  }
+
+  getPersistedItem(name: string) {
+    return this.page.locator('.comfyui-workflows-browse .node-label', {
+      hasText: name
+    })
+  }
+
+  async renameWorkflow(locator: Locator, newName: string) {
+    await locator.click({ button: 'right' })
+    await this.page
+      .locator('.p-contextmenu-item-content', { hasText: 'Rename' })
+      .click()
+    await this.page.keyboard.type(newName)
+    await this.page.keyboard.press('Enter')
+    await this.page.waitForTimeout(300)
+  }
 }

browser_tests/menu.spec.ts

@@ -401,7 +401,6 @@ test.describe('Menu', () => {
         'workflow1.json': 'default.json',
         'workflow2.json': 'default.json'
       })
-      // Avoid reset view as the button is not visible in BetaMenu UI.
       await comfyPage.setup()
 
       const tab = comfyPage.menu.workflowsTab
@@ -411,6 +410,33 @@ test.describe('Menu', () => {
       )
     })
 
+    test('Can rename nested workflow from opened workflow item', async ({
+      comfyPage
+    }) => {
+      await comfyPage.setupWorkflowsDirectory({
+        foo: {
+          'bar.json': 'default.json'
+        }
+      })
+      await comfyPage.setup()
+
+      const tab = comfyPage.menu.workflowsTab
+      await tab.open()
+      // Switch to the parent folder
+      await tab.getPersistedItem('foo').click()
+      await comfyPage.page.waitForTimeout(300)
+      // Switch to the nested workflow
+      await tab.getPersistedItem('bar').click()
+      await comfyPage.page.waitForTimeout(300)
+
+      const openedWorkflow = tab.getOpenedItem('foo/bar')
+      await tab.renameWorkflow(openedWorkflow, 'foo/baz')
+      expect(await tab.getOpenedWorkflowNames()).toEqual([
+        '*Unsaved Workflow.json',
+        'foo/baz.json'
+      ])
+    })
+
     test('Can save workflow as', async ({ comfyPage }) => {
       await comfyPage.menu.workflowsTab.newBlankWorkflowButton.click()
       await comfyPage.menu.topbar.saveWorkflowAs('workflow3.json')