@openwebf/webf 0.23.2 → 0.23.7

package/test/dart-nullable-props.test.ts

@@ -0,0 +1,58 @@
+import { analyzer, clearCaches, UnionTypeCollector, ParameterType } from '../src/analyzer';
+import { generateDartClass } from '../src/dart';
+import { IDLBlob } from '../src/IDLBlob';
+
+describe('Dart nullable union properties', () => {
+  beforeEach(() => {
+    clearCaches();
+  });
+
+  it('handles boolean | null properties and maps "null" attribute to null', () => {
+    const tsContent = `
+interface FlutterCupertinoCheckboxProperties {
+  /**
+   * Whether the checkbox is checked.
+   * Default: false.
+   */
+  checked?: boolean | null;
+}
+
+interface FlutterCupertinoCheckboxEvents {
+  /**
+   * Fired when the checkbox value changes.
+   */
+  change: CustomEvent<boolean>;
+}
+`;
+
+    const blob = new IDLBlob('checkbox.d.ts', 'dist', 'checkbox', 'implement');
+    blob.raw = tsContent;
+
+    const definedPropertyCollector = {
+      properties: new Set<string>(),
+      files: new Set<string>(),
+      interfaces: new Set<string>(),
+    };
+    const unionTypeCollector: UnionTypeCollector = { types: new Set<ParameterType[]>() };
+
+    analyzer(blob, definedPropertyCollector, unionTypeCollector);
+
+    const dartCode = generateDartClass(blob, 'test');
+
+    // Should generate bindings class for FlutterCupertinoCheckbox
+    expect(dartCode).toContain('abstract class FlutterCupertinoCheckboxBindings extends WidgetElement {');
+
+    // The checked property should be a nullable bool in Dart bindings.
+    expect(dartCode).toContain('bool? get checked;');
+
+    // Attribute setter should treat the literal "null" as a Dart null.
+    expect(dartCode).toContain(
+      "setter: (value) => checked = value == 'null' ? null : (value == 'true' || value == ''),"
+    );
+
+    // Deleting the attribute should reset to the default `false`.
+    expect(dartCode).toContain(
+      "deleter: () => checked = false"
+    );
+  });
+});

package/test/react-consts.test.ts

@@ -25,6 +25,6 @@ describe('React generator - declare const support', () => {
     blob.objects = [eo as any];
 
     const output = generateReactComponent(blob);
-    expect(output).toContain("export declare enum CupertinoColors { 'red' = 0x0f, 'bbb' = 0x00 }");
+    expect(output).toContain("export enum CupertinoColors { 'red' = 0x0f, 'bbb' = 0x00 }");
   });
 });

package/test/react-vue-nullable-props.test.ts

@@ -0,0 +1,66 @@
+import { analyzer, clearCaches, UnionTypeCollector, ParameterType } from '../src/analyzer';
+import { generateReactComponent } from '../src/react';
+import { generateVueTypings } from '../src/vue';
+import { IDLBlob } from '../src/IDLBlob';
+
+describe('React/Vue nullable union props', () => {
+  beforeEach(() => {
+    clearCaches();
+  });
+
+  const tsContent = `
+interface FlutterCupertinoCheckboxProperties {
+  /**
+   * Whether the checkbox is checked.
+   * Default: false.
+   */
+  checked?: boolean | null;
+}
+
+interface FlutterCupertinoCheckboxEvents {
+  /**
+   * Fired when the checkbox value changes.
+   */
+  change: CustomEvent<boolean>;
+}
+`;
+
+  it('emits boolean | null for React props', () => {
+    const blob = new IDLBlob('checkbox.d.ts', 'dist', 'checkbox', 'implement');
+    blob.raw = tsContent;
+
+    const definedPropertyCollector = {
+      properties: new Set<string>(),
+      files: new Set<string>(),
+      interfaces: new Set<string>(),
+    };
+    const unionTypeCollector: UnionTypeCollector = { types: new Set<ParameterType[]>() };
+
+    analyzer(blob, definedPropertyCollector, unionTypeCollector);
+
+    const reactCode = generateReactComponent(blob);
+
+    // Prop should allow both undefined and null
+    expect(reactCode).toContain('checked?: boolean | null;');
+  });
+
+  it('emits boolean | null for Vue props', () => {
+    const blob = new IDLBlob('checkbox.d.ts', 'dist', 'checkbox', 'implement');
+    blob.raw = tsContent;
+
+    const definedPropertyCollector = {
+      properties: new Set<string>(),
+      files: new Set<string>(),
+      interfaces: new Set<string>(),
+    };
+    const unionTypeCollector: UnionTypeCollector = { types: new Set<ParameterType[]>() };
+
+    analyzer(blob, definedPropertyCollector, unionTypeCollector);
+
+    const vueCode = generateVueTypings([blob]);
+
+    // Vue prop name is kebab-cased and should allow null explicitly
+    expect(vueCode).toContain(`'checked'?: boolean | null;`);
+  });
+});
+

package/test/react.test.ts

@@ -181,9 +181,9 @@ describe('React Generator', () => {
       
       const result = generateReactComponent(blob);
       
-      // Should include custom props (dom_string is not converted in raw output)
-      expect(result).toContain('title: dom_string;');
-      expect(result).toContain('disabled?: boolean;');
+      // Should include custom props with generated TS types
+      expect(result).toContain('title: __webfTypes.dom_string;');
+      expect(result).toContain('disabled?: __webfTypes.boolean;');
       
       // And still include standard HTML props
       expect(result).toContain('id?: string;');
@@ -191,5 +191,47 @@ describe('React Generator', () => {
       expect(result).toContain('children?: React.ReactNode;');
       expect(result).toContain('className?: string;');
     });
+
+    it('should preserve JSDoc for supporting option interfaces', () => {
+      const blob = new IDLBlob('/test/source', '/test/target', 'TestComponent', 'test', '');
+      
+      const properties = new ClassObject();
+      properties.name = 'TestComponentProperties';
+      properties.kind = ClassObjectKind.interface;
+
+      const options = new ClassObject();
+      options.name = 'TestComponentOptions';
+      options.kind = ClassObjectKind.interface;
+
+      const titleProp = new PropsDeclaration();
+      titleProp.name = 'title';
+      titleProp.type = { value: 'string' } as any;
+      titleProp.optional = true;
+      titleProp.documentation = 'Optional override title for this show() call.';
+      titleProp.readonly = false;
+      titleProp.typeMode = {};
+
+      const messageProp = new PropsDeclaration();
+      messageProp.name = 'message';
+      messageProp.type = { value: 'string' } as any;
+      messageProp.optional = true;
+      messageProp.documentation = 'Optional override message for this show() call.';
+      messageProp.readonly = false;
+      messageProp.typeMode = {};
+
+      options.props = [titleProp, messageProp];
+
+      blob.objects = [properties, options];
+      
+      const result = generateReactComponent(blob);
+
+      expect(result).toContain('interface TestComponentOptions');
+      expect(result).toMatch(
+        /interface TestComponentOptions[\s\S]*?\/\*\*[\s\S]*?Optional override title for this show\(\) call\.[\s\S]*?\*\/\s*\n\s*title\?:/
+      );
+      expect(result).toMatch(
+        /interface TestComponentOptions[\s\S]*?\/\*\*[\s\S]*?Optional override message for this show\(\) call\.[\s\S]*?\*\/\s*\n\s*message\?:/
+      );
+    });
   });
-});
+});