src/components/datamap/DataMap.unit.js

import { Formio } from '../../Formio';
import Harness from '../../../test/harness';
import DataMapComponent from './DataMap';
import { comp1, formWithConditionalPanel } from './fixtures';
import assert from 'power-assert';

describe('DataMap Component', () => {
  it('Should build a data map component', () => {
    return Harness.testCreate(DataMapComponent, comp1);
  });

  it('Should get and set values within the datamap.', () => {
    return Harness.testCreate(DataMapComponent, comp1).then((component) => {
      Harness.testSetGet(component, {
        one: 'One',
        two: 'Two',
        three: 'Three'
      });
    });
  });

  it(
    'Should render data from submission properly when the Data Map is inside conditionally shown layout component',
    (done) => {
      Formio.createForm(document.createElement('div'), formWithConditionalPanel, { readOnly: true })
        .then((form) => {
          form.submission = {
            data: {
              checkbox: true,
              dataMap1: {
                key: 'a'
              },
              dataMap: {
                key: 'b',
                key1: 'c',
              },
            },
            state: 'submitted',
          };

          setTimeout(() => {
            const dataMap1 = form.getComponent(['dataMap1']);
            const dataMap = form.getComponent(['dataMap']);
            assert.equal(dataMap1.visible, true, 'Data Map should become visible');
            assert.equal(dataMap.visible, true, 'Data Map inside a panel should become visible');
            assert.deepEqual(dataMap1.dataValue, {
              key: 'a'
            }, 'Should set value of the Data Map properly');
            assert.deepEqual(dataMap.dataValue, {
              key: 'b',
              key1: 'c',
            }, 'Should set value of the Data Map inside a panel properly');
            assert.equal(dataMap1.rows.length, 1, 'Should create rows for Data Grid');
            assert.equal(dataMap.rows.length, 2, 'Should create rows for Data Grid inside a panel');

            done();
          }, 300);
        })
        .catch(done);
    }
  );
});