Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-19 22:34:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

test(widgets): use data-testid selector for color text instead of generic span; add data-testid to component span for robustness

Browse Source
This commit is contained in:
bymyself
2025-09-12 19:53:29 -07:00
parent bec6fd81ab
commit 5c7a2042f0
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/extensions/vueNodes/widgets/components/WidgetColorPicker.test.ts
View File

@@ -138,13 +138,13 @@ describe('WidgetColorPicker Value Binding', () => {
// Case 1: model value already includes '#'
let widget = createMockWidget('#ff0000')
let wrapper = mountComponent(widget, '#ff0000')
let colorText = wrapper.find('span')
let colorText = wrapper.find('[data-testid="widget-color-text"]')
expect.soft(colorText.text()).toBe('#ff0000')
// Case 2: model value missing '#'
widget = createMockWidget('ff0000')
wrapper = mountComponent(widget, 'ff0000')
colorText = wrapper.find('span')
colorText = wrapper.find('[data-testid="widget-color-text"]')
expect.soft(colorText.text()).toBe('#ff0000')
})
@@ -160,7 +160,7 @@ describe('WidgetColorPicker Value Binding', () => {
const widget = createMockWidget('#ff0000')
const wrapper = mountComponent(widget, '#ff0000')
const colorText = wrapper.find('span')
const colorText = wrapper.find('[data-testid="widget-color-text"]')
expect(colorText.text()).toBe('#ff0000')
})
@@ -171,7 +171,7 @@ describe('WidgetColorPicker Value Binding', () => {
await setColorPickerValue(wrapper, '#00ff00')
// Need to check the local state update
const colorText = wrapper.find('span')
const colorText = wrapper.find('[data-testid="widget-color-text"]')
// Be specific about the displayed value including the leading '#'
expect.soft(colorText.text()).toBe('#00ff00')
})
@@ -228,7 +228,7 @@ describe('WidgetColorPicker Value Binding', () => {
const widget = createMockWidget('#fff')
const wrapper = mountComponent(widget, '#fff')
const colorText = wrapper.find('span')
const colorText = wrapper.find('[data-testid="widget-color-text"]')
expect(colorText.text()).toBe('#fff')
})

2
src/renderer/extensions/vueNodes/widgets/components/WidgetColorPicker.vue
View File

@@ -16,7 +16,7 @@
}"
@update:model-value="onChange"
/>
<span class="text-xs">{{
<span class="text-xs" data-testid="widget-color-text">{{
localValue.startsWith('#') ? localValue : '#' + localValue
}}</span>
</label>