diff --git a/README.md b/README.md index b44926506..0b4587d39 100644 --- a/README.md +++ b/README.md @@ -215,6 +215,26 @@ https://github.com/user-attachments/assets/c142c43f-2fe9-4030-8196-b3bfd4c6977d ### Developer APIs +
+ v1.3.34: Register about panel badges + +```js +app.registerExtension({ + name: 'TestExtension1', + aboutPageBadges: [ + { + label: 'Test Badge', + url: 'https://example.com', + icon: 'pi pi-box' + } + ] +}) +``` + +![image](https://github.com/user-attachments/assets/099e77ee-16ad-4141-b2fc-5e9d5075188b) + +
+
v1.3.22: Register bottom panel tabs diff --git a/browser_tests/extensionAPI.spec.ts b/browser_tests/extensionAPI.spec.ts index 01fbfd24a..6114efe2d 100644 --- a/browser_tests/extensionAPI.spec.ts +++ b/browser_tests/extensionAPI.spec.ts @@ -134,4 +134,27 @@ test.describe('Topbar commands', () => { expect(await comfyPage.page.evaluate(() => window['changeCount'])).toBe(2) }) }) + + test.describe('About panel', () => { + test('Should allow adding badges', async ({ comfyPage }) => { + await comfyPage.page.evaluate(() => { + window['app'].registerExtension({ + name: 'TestExtension1', + aboutPageBadges: [ + { + label: 'Test Badge', + url: 'https://example.com', + icon: 'pi pi-box' + } + ] + }) + }) + + await comfyPage.settingDialog.open() + await comfyPage.settingDialog.goToAboutPanel() + const badge = comfyPage.page.locator('.about-badge').last() + expect(badge).toBeDefined() + expect(await badge.textContent()).toContain('Test Badge') + }) + }) }) diff --git a/browser_tests/fixtures/components/SettingDialog.ts b/browser_tests/fixtures/components/SettingDialog.ts index ee1e7fad4..328d89de3 100644 --- a/browser_tests/fixtures/components/SettingDialog.ts +++ b/browser_tests/fixtures/components/SettingDialog.ts @@ -31,4 +31,10 @@ export class SettingDialog { ) await settingInputDiv.locator('input').click() } + + async goToAboutPanel() { + const aboutButton = this.page.locator('li[aria-label="About"]') + await aboutButton.click() + await this.page.waitForSelector('div.about-container') + } } diff --git a/src/components/dialog/content/setting/AboutPanel.vue b/src/components/dialog/content/setting/AboutPanel.vue index cd30aff2c..f98452f02 100644 --- a/src/components/dialog/content/setting/AboutPanel.vue +++ b/src/components/dialog/content/setting/AboutPanel.vue @@ -1,20 +1,21 @@