Add test

Author: owjs3901

src/codegen/responsive/__tests__/ResponsiveCodegen.test.ts

@@ -499,6 +499,64 @@ describe('ResponsiveCodegen', () => {
       expect(result).toContain('scroll')
       expect(result).toContain('default')
     })
+
+    it('renders OR conditional for child existing in multiple but not all variants', () => {
+      const generator = new ResponsiveCodegen(null)
+
+      const partialChild: NodeTree = {
+        component: 'Box',
+        props: { id: 'PartialChild' },
+        children: [],
+        nodeType: 'FRAME',
+        nodeName: 'PartialChild',
+      }
+
+      const treesByVariant = new Map<string, NodeTree>([
+        [
+          'scroll',
+          {
+            component: 'Flex',
+            props: {},
+            children: [partialChild],
+            nodeType: 'FRAME',
+            nodeName: 'Root',
+          },
+        ],
+        [
+          'hover',
+          {
+            component: 'Flex',
+            props: {},
+            children: [{ ...partialChild, props: { id: 'PartialChildHover' } }],
+            nodeType: 'FRAME',
+            nodeName: 'Root',
+          },
+        ],
+        [
+          'default',
+          {
+            component: 'Flex',
+            props: {},
+            children: [], // No child in default variant
+            nodeType: 'FRAME',
+            nodeName: 'Root',
+          },
+        ],
+      ])
+
+      const result = generator.generateVariantOnlyMergedCode(
+        'status',
+        treesByVariant,
+        0,
+      )
+
+      // Should contain OR conditional for multiple variants
+      expect(result).toContain('status === "scroll"')
+      expect(result).toContain('status === "hover"')
+      expect(result).toContain('||')
+      expect(result).toContain('&&')
+      expect(result).toMatchSnapshot()
+    })
   })
 
   describe('generateVariantResponsiveComponents', () => {

src/codegen/responsive/__tests__/__snapshots__/ResponsiveCodegen.test.ts.snap

@@ -0,0 +1,3 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`ResponsiveCodegen generateVariantOnlyMergedCode renders OR conditional for child existing in multiple but not all variants 1`] = `"render:Flex:depth=0:{}|{(status === "scroll" || status === "hover") && render:Box:depth=0:{"id":{"__variantProp":true,"variantKey":"status","values":{"scroll":"PartialChild","hover":"PartialChildHover"}}}|}"`;

src/codegen/utils/__tests__/props-to-str.test.ts

@@ -116,4 +116,44 @@ describe('propsToString', () => {
     // Should use space separator, not newline
     expect(res).not.toContain('\n')
   })
+
+  test('handles VariantPropValue with object values', () => {
+    const variantProp = createVariantPropValue('status', {
+      scroll: { x: 1, y: 2 },
+      default: { x: 3, y: 4 },
+    })
+    const res = propsToString({ transform: variantProp })
+    expect(res).toContain('scroll: {"x":1,"y":2}')
+    expect(res).toContain('default: {"x":3,"y":4}')
+  })
+
+  test('handles VariantPropValue with boolean values', () => {
+    const variantProp = createVariantPropValue('status', {
+      scroll: true,
+      default: false,
+    })
+    const res = propsToString({ visible: variantProp })
+    expect(res).toBe('visible={{ scroll: true, default: false }[status]}')
+  })
+
+  test('handles VariantPropValue with undefined values in array', () => {
+    const variantProp = createVariantPropValue('status', {
+      scroll: [undefined, '10px'],
+      default: ['20px', undefined],
+    })
+    const res = propsToString({ w: variantProp })
+    expect(res).toContain('scroll: [undefined, "10px"]')
+    expect(res).toContain('default: ["20px", undefined]')
+  })
+
+  test('handles VariantPropValue with symbol values (fallback case)', () => {
+    const sym = Symbol('test')
+    const variantProp = createVariantPropValue('status', {
+      scroll: sym as unknown as string,
+      default: '20px',
+    })
+    const res = propsToString({ w: variantProp })
+    expect(res).toContain('scroll: Symbol(test)')
+    expect(res).toContain('default: "20px"')
+  })
 })