diff --git a/browser_tests/browserTabTitle.spec.ts b/browser_tests/browserTabTitle.spec.ts index 512c396ded..45dc0420f3 100644 --- a/browser_tests/browserTabTitle.spec.ts +++ b/browser_tests/browserTabTitle.spec.ts @@ -16,7 +16,7 @@ test.describe('Browser tab title', () => { return window['app'].workflowManager.activeWorkflow.name }) // Note: unsaved workflow name is always prepended with "*". - expect(await comfyPage.page.title()).toBe(`*${workflowName}`) + expect(await comfyPage.page.title()).toBe(`*${workflowName} - ComfyUI`) }) // Broken by https://github.com/Comfy-Org/ComfyUI_frontend/pull/893 @@ -28,15 +28,15 @@ test.describe('Browser tab title', () => { return window['app'].workflowManager.activeWorkflow.name }) // Note: unsaved workflow name is always prepended with "*". - expect(await comfyPage.page.title()).toBe(`*${workflowName}`) + expect(await comfyPage.page.title()).toBe(`*${workflowName} - ComfyUI`) await comfyPage.menu.saveWorkflow('test') - expect(await comfyPage.page.title()).toBe('test') + expect(await comfyPage.page.title()).toBe('test - ComfyUI') const textBox = comfyPage.widgetTextBox await textBox.fill('Hello World') await comfyPage.clickEmptySpace() - expect(await comfyPage.page.title()).toBe(`*test`) + expect(await comfyPage.page.title()).toBe(`*test - ComfyUI`) // Delete the saved workflow for cleanup. await comfyPage.page.evaluate(async () => { diff --git a/src/components/BrowserTabTitle.vue b/src/components/BrowserTabTitle.vue index 9ffc29d66a..34cd792a77 100644 --- a/src/components/BrowserTabTitle.vue +++ b/src/components/BrowserTabTitle.vue @@ -12,6 +12,8 @@ import { useTitle } from '@vueuse/core' import { computed } from 'vue' const DEFAULT_TITLE = 'ComfyUI' +const TITLE_SUFFIX = ' - ComfyUI' + const executionStore = useExecutionStore() const executionText = computed(() => executionStore.isIdle ? '' : `[${executionStore.executionProgress}%]` @@ -28,7 +30,9 @@ const isUnsavedText = computed(() => ) const workflowNameText = computed(() => { const workflowName = workflowStore.activeWorkflow?.name - return workflowName ? isUnsavedText.value + workflowName : DEFAULT_TITLE + return workflowName + ? isUnsavedText.value + workflowName + TITLE_SUFFIX + : DEFAULT_TITLE }) const nodeExecutionTitle = computed(() =>