From 8ca9a284c460420167576b8076c8e6f355979dc6 Mon Sep 17 00:00:00 2001
From: bymyself <cbyrne@comfy.org>
Date: Fri, 12 Sep 2025 19:39:08 -0700
Subject: [PATCH] test(widgets): normalize color display to single leading # to
 address review question (AustinMroz)

---
 .../widgets/components/WidgetColorPicker.test.ts   | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/renderer/extensions/vueNodes/widgets/components/WidgetColorPicker.test.ts b/src/renderer/extensions/vueNodes/widgets/components/WidgetColorPicker.test.ts
index 89e2e9796..3f8dbdf54 100644
--- a/src/renderer/extensions/vueNodes/widgets/components/WidgetColorPicker.test.ts
+++ b/src/renderer/extensions/vueNodes/widgets/components/WidgetColorPicker.test.ts
@@ -94,6 +94,20 @@ describe('WidgetColorPicker Value Binding', () => {
       expect(colorPicker.exists()).toBe(true)
     })
 
+    it('normalizes display to a single leading #', () => {
+      // Case 1: model value already includes '#'
+      let widget = createMockWidget('#ff0000')
+      let wrapper = mountComponent(widget, '#ff0000')
+      let colorText = wrapper.find('span')
+      expect.soft(colorText.text()).toBe('#ff0000')
+
+      // Case 2: model value missing '#'
+      widget = createMockWidget('ff0000')
+      wrapper = mountComponent(widget, 'ff0000')
+      colorText = wrapper.find('span')
+      expect.soft(colorText.text()).toBe('#ff0000')
+    })
+
     it('renders layout field wrapper', () => {
       const widget = createMockWidget('#ff0000')
       const wrapper = mountComponent(widget, '#ff0000')