Update MUI tests

Author: rvsia

packages/mui-component-mapper/src/files/select.js

@@ -17,7 +17,7 @@ import Autocomplete from '@material-ui/lab/Autocomplete';
  * @param {Array<Object>} options all options avaiable
  * @returns {String}
  */
-const getOptionLabel = (option, options) => {
+export const getOptionLabel = (option, options) => {
   if (typeof option === 'undefined') {
     return '';
   }
@@ -44,7 +44,7 @@ const getOptionLabel = (option, options) => {
  * @param {Boolean} isMulti multiple select flag
  * @returns {Object|Array<Object>}
  */
-const createValue = (option, isMulti) => {
+export const createValue = (option, isMulti) => {
   if (isMulti) {
     return Array.isArray(option) ? option.map((item) => (typeof item === 'object' ? item : { value: item })) : option;
   }

packages/mui-component-mapper/src/tests/form-fields.test.js

@@ -231,6 +231,7 @@ describe('formFields', () => {
     beforeEach(() => {
       initialProps = {
         ...initialProps,
+        name: 'multiple',
         options: [
           { label: 'Cat', value: 'cats' },
           { label: 'Dog', value: 'dogs' },

packages/mui-component-mapper/src/tests/form-template.test.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import FormRenderer from '@data-driven-forms/react-form-renderer';
+import { mount } from 'enzyme';
+import { Typography } from '@material-ui/core';
+
+import { componentMapper, FormTemplate } from '..';
+
+describe('<FormTemplate />', () => {
+  it('<Description /> renders correctly', () => {
+    const wrapper = mount(
+      <FormRenderer
+        onSubmit={jest.fn()}
+        componentMapper={componentMapper}
+        FormTemplate={FormTemplate}
+        schema={{ description: 'Some description', fields: [] }}
+      />
+    );
+
+    expect(wrapper.find(Typography).text()).toEqual('Some description');
+  });
+
+  it('<Title /> renders correctly', () => {
+    const wrapper = mount(
+      <FormRenderer onSubmit={jest.fn()} componentMapper={componentMapper} FormTemplate={FormTemplate} schema={{ title: 'Some title', fields: [] }} />
+    );
+
+    expect(wrapper.find(Typography).text()).toEqual('Some title');
+  });
+});

packages/mui-component-mapper/src/tests/select.test.js

@@ -0,0 +1,68 @@
+import { getOptionLabel, createValue } from '../files/select';
+
+describe('<Select />', () => {
+  describe('helpers', () => {
+    describe('#getOptionLabel', () => {
+      it('undefined', () => {
+        expect(getOptionLabel(undefined)).toEqual('');
+      });
+
+      it('empty string', () => {
+        expect(getOptionLabel('')).toEqual('');
+      });
+
+      it('empty array', () => {
+        expect(getOptionLabel([])).toEqual('');
+      });
+
+      it('object', () => {
+        expect(getOptionLabel({ label: 'some label' })).toEqual('some label');
+      });
+
+      it('find in options', () => {
+        const options = [
+          { value: '1', label: 'one' },
+          { value: 'key', label: 'this label' },
+          { value: '2', label: 'two' }
+        ];
+
+        expect(getOptionLabel('key', options)).toEqual('this label');
+      });
+    });
+
+    describe('#createOptions', () => {
+      it('is multi - single', () => {
+        const option = { label: 'label', value: '123' };
+
+        expect(createValue(option, true)).toEqual(option);
+      });
+
+      it('is multi - array with objects', () => {
+        const option = [
+          { label: 'label', value: '123' },
+          { label: 'label 2', value: '456' }
+        ];
+
+        expect(createValue(option, true)).toEqual(option);
+      });
+
+      it('is multi - array with values', () => {
+        const option = ['123', '456'];
+
+        expect(createValue(option, true)).toEqual([{ value: '123' }, { value: '456' }]);
+      });
+
+      it('is multi - array with values and object', () => {
+        const option = ['123', '456', { value: '789', label: 'some label' }];
+
+        expect(createValue(option, true)).toEqual([{ value: '123' }, { value: '456' }, { value: '789', label: 'some label' }]);
+      });
+
+      it('createValue', () => {
+        const option = { label: 'label', value: '123' };
+
+        expect(createValue(option, false)).toEqual(option);
+      });
+    });
+  });
+});