Removed autofocus and disable tests

Author: eneufeld

packages/material/test/renderers/MaterialObjectControl.test.tsx

@@ -22,26 +22,23 @@
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-import { Provider } from 'react-redux';
 import {
   Actions,
   ControlElement,
-  getData,
   HorizontalLayout,
   jsonformsReducer,
   JsonFormsState,
-  JsonSchema,
   NOT_APPLICABLE
 } from '@jsonforms/core';
-import HorizontalLayoutRenderer from '../../src/layouts/MaterialHorizontalLayout';
-import MaterialObjectRenderer, {
-  materialObjectControlTester
-} from '../../src/complex/MaterialObjectRenderer';
 import * as React from 'react';
-import * as TestUtils from 'react-dom/test-utils';
 import * as ReactDOM from 'react-dom';
+import * as TestUtils from 'react-dom/test-utils';
+import { Provider } from 'react-redux';
 import { combineReducers, createStore, Store } from 'redux';
 import { materialFields, materialRenderers } from '../../src';
+import MaterialObjectRenderer,
+       { materialObjectControlTester } from '../../src/complex/MaterialObjectRenderer';
+import HorizontalLayoutRenderer from '../../src/layouts/MaterialHorizontalLayout';
 
 const initJsonFormsStore = (testData, testSchema, testUiSchema): Store<JsonFormsState> => {
   const store: Store<JsonFormsState> = createStore(
@@ -58,20 +55,20 @@ const initJsonFormsStore = (testData, testSchema, testUiSchema): Store<JsonForms
   return store;
 };
 
-const data = { foo: {foo_1: 'foo'}, bar: {bar_1: 'bar'} };
+const data = { foo: { foo_1: 'foo' }, bar: { bar_1: 'bar' } };
 const schema = {
   type: 'object',
   properties: {
     foo: {
       type: 'object',
       properties: {
-        foo_1: {type: 'string'}
+        foo_1: { type: 'string' }
       }
     },
     bar: {
       type: 'object',
       properties: {
-        bar_1: {type: 'string'}
+        bar_1: { type: 'string' }
       }
     },
   },
@@ -90,15 +87,15 @@ describe('Material object renderer tester', () => {
   test('should fail', () => {
     expect(materialObjectControlTester(undefined, undefined)).toBe(NOT_APPLICABLE);
     expect(materialObjectControlTester(null, undefined)).toBe(NOT_APPLICABLE);
-    expect(materialObjectControlTester({type: 'Foo'}, undefined)).toBe(NOT_APPLICABLE);
-    expect(materialObjectControlTester({type: 'Control'}, undefined)).toBe(NOT_APPLICABLE);
+    expect(materialObjectControlTester({ type: 'Foo' }, undefined)).toBe(NOT_APPLICABLE);
+    expect(materialObjectControlTester({ type: 'Control' }, undefined)).toBe(NOT_APPLICABLE);
     expect(
       materialObjectControlTester(
         uischema2,
         {
           type: 'object',
           properties: {
-            foo: {type: 'string'},
+            foo: { type: 'string' },
           },
         },
       )
@@ -109,7 +106,7 @@ describe('Material object renderer tester', () => {
         {
           type: 'object',
           properties: {
-            foo: {type: 'string'},
+            foo: { type: 'string' },
             bar: schema.properties.bar,
           },
         },
@@ -141,99 +138,11 @@ describe('Material object control', () => {
     ReactDOM.unmountComponentAtNode(container);
   });
 
-  it('should autofocus first element', () => {
-    const firstControlElement: ControlElement = {
-      type: 'Control',
-      scope: '#/properties/foo',
-      options: {
-        focus: true
-      }
-    };
-    const secondControlElement: ControlElement = {
-      type: 'Control',
-      scope: '#/properties/bar',
-      options: {
-        focus: true
-      }
-    };
-    const layout: HorizontalLayout = {
-      type: 'HorizontalLayout',
-      elements: [
-        firstControlElement,
-        secondControlElement
-      ]
-    };
-    const store = initJsonFormsStore(
-      data,
-      schema,
-      layout
-    );
-    const tree = ReactDOM.render(
-      <Provider store={store}>
-        <HorizontalLayoutRenderer schema={schema} uischema={layout}/>
-      </Provider>,
-      container
-    );
-    const inputs = TestUtils.scryRenderedDOMComponentsWithTag(tree, 'input');
-    expect(document.activeElement).not.toBe(inputs[0]);
-    expect(document.activeElement).toBe(inputs[1]);
-  });
-
-  it('should autofocus via option', () => {
-    const control: ControlElement = {
-      type: 'Control',
-      scope: '#/properties/foo',
-      options: {
-        focus: true
-      }
-    };
-    const store = initJsonFormsStore(data, schema, control);
-    const tree = ReactDOM.render(
-      <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={control}/>
-      </Provider>,
-      container
-    );
-    const input = TestUtils.findRenderedDOMComponentWithTag(tree, 'input') as HTMLInputElement;
-    expect(document.activeElement).toBe(input);
-  });
-
-  it('should not autofocus via option', () => {
-    const control: ControlElement = {
-      type: 'Control',
-      scope: '#/properties/foo',
-      options: {
-        focus: false
-      }
-    };
-    const store = initJsonFormsStore(data, schema, control);
-    const tree = ReactDOM.render(
-      <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={control}/>
-      </Provider>,
-      container
-    );
-    const input = TestUtils.findRenderedDOMComponentWithTag(tree, 'input') as HTMLInputElement;
-    expect(input.autofocus).toBeFalsy();
-  });
-
-  it('should not autofocus by default', () => {
-    const store = initJsonFormsStore(data, schema, uischema2);
-    const tree = ReactDOM.render(
-      <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={uischema2}/>
-      </Provider>,
-      container
-    );
-    const input = TestUtils.findRenderedDOMComponentWithTag(tree, 'input') as HTMLInputElement;
-    expect(input.autofocus).toBeFalsy();
-  });
-
   it('should render all children', () => {
     const store = initJsonFormsStore(data, schema, uischema1);
     const tree = ReactDOM.render(
       <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={uischema1}/>
+        <MaterialObjectRenderer schema={schema} uischema={uischema1} />
       </Provider>,
       container
     );
@@ -250,7 +159,7 @@ describe('Material object control', () => {
     const store = initJsonFormsStore(data, schema, uischema1);
     const tree = ReactDOM.render(
       <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={uischema2}/>
+        <MaterialObjectRenderer schema={schema} uischema={uischema2} />
       </Provider>,
       container
     );
@@ -261,23 +170,11 @@ describe('Material object control', () => {
     expect(input[0].value).toBe('foo');
   });
 
-  it('can be disabled', () => {
-    const store = initJsonFormsStore(data, schema, uischema2);
-    const tree = ReactDOM.render(
-      <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={uischema2} enabled={false}/>
-      </Provider>,
-      container
-    );
-    const input = TestUtils.findRenderedDOMComponentWithTag(tree, 'input') as HTMLInputElement;
-    expect(input.disabled).toBeTruthy();
-  });
-
   it('should be enabled by default', () => {
     const store = initJsonFormsStore(data, schema, uischema2);
     const tree = ReactDOM.render(
       <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={uischema2}/>
+        <MaterialObjectRenderer schema={schema} uischema={uischema2} />
       </Provider>,
       container
     );
@@ -289,7 +186,7 @@ describe('Material object control', () => {
     const store = initJsonFormsStore(data, schema, uischema2);
     const tree = ReactDOM.render(
       <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={uischema2} visible={false}/>
+        <MaterialObjectRenderer schema={schema} uischema={uischema2} visible={false} />
       </Provider>,
       container
     );
@@ -301,7 +198,7 @@ describe('Material object control', () => {
     const store = initJsonFormsStore(data, schema, uischema2);
     const tree = ReactDOM.render(
       <Provider store={store}>
-        <MaterialObjectRenderer schema={schema} uischema={uischema2}/>
+        <MaterialObjectRenderer schema={schema} uischema={uischema2} />
       </Provider>,
       container
     );