Merge 550fe09 into fce6b1e

eclipsesource · Jan 11, 2024 · a012752 · a012752
2 parents fce6b1e + 550fe09
commit a012752
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 1 deletion.
diff --git a/packages/vanilla-renderers/src/cells/TextCell.tsx b/packages/vanilla-renderers/src/cells/TextCell.tsx
@@ -50,7 +50,9 @@ export const TextCell = (props: CellProps & VanillaRendererProps) => {
   const appliedUiSchemaOptions = merge({}, config, uischema.options);
   return (
     <input
-      type='text'
+      type={
+        appliedUiSchemaOptions.format ? appliedUiSchemaOptions.format : 'text'
+      }
       value={data || ''}
       onChange={(ev) =>
         handleChange(path, ev.target.value === '' ? undefined : ev.target.value)

diff --git a/packages/vanilla-renderers/test/renderers/TextCell.test.tsx b/packages/vanilla-renderers/test/renderers/TextCell.test.tsx
@@ -593,4 +593,37 @@ describe('Text cell', () => {
     expect(input.maxLength).toBe(defaultMaxLength);
     expect(input.size).toBe(defaultSize);
   });
+
+  test('default type is text', () => {
+    const uischema: ControlElement = {
+      type: 'Control',
+      scope: '#/properties/name',
+    };
+    const core = initCore(fixture.schema, uischema, fixture.data);
+    wrapper = mount(
+      <JsonFormsStateProvider initState={{ core }}>
+        <TextCell schema={fixture.schema} uischema={uischema} path='name' />
+      </JsonFormsStateProvider>
+    );
+    const input = wrapper.find('input').getDOMNode() as HTMLInputElement;
+    expect(input.type).toBe('text');
+  });
+
+  test('change type to password', () => {
+    const uischema: ControlElement = {
+      type: 'Control',
+      scope: '#/properties/name',
+      options: {
+        format: 'password',
+      },
+    };
+    const core = initCore(fixture.schema, uischema, fixture.data);
+    wrapper = mount(
+      <JsonFormsStateProvider initState={{ core }}>
+        <TextCell schema={fixture.schema} uischema={uischema} path='name' />
+      </JsonFormsStateProvider>
+    );
+    const input = wrapper.find('input').getDOMNode() as HTMLInputElement;
+    expect(input.type).toBe('password');
+  });
 });