@worksafevictoria/wcl7.5 1.1.0-beta.9 → 1.1.0-beta.91

package/src/components/SubComponents/FormInstance/tests/scale.test.js

@@ -0,0 +1,43 @@
+import json from '../stories/mocks/scale.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'scale'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          defaultValue: '3',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--scale1',
+          inline: true,
+          input: true,
+          key: 'scale1',
+          label: 'scale1',
+          labelPosition: 'top',
+          mask: false,
+          optionsLabelPosition: 'right',
+          type: 'scale',
+          validate: { max: 5, min: 1, required: false },
+          values: [
+            { checked: false, id: 0, label: '', value: 1 },
+            { checked: false, id: 0, label: '', value: 2 },
+            { checked: true, id: 0, label: '', value: 3 },
+            { checked: false, id: 0, label: '', value: 4 },
+            { checked: false, id: 0, label: '', value: 5 },
+          ],
+        },
+      ]),
+    )
+  })
+
+  it(`should return a submission value`, async () => {
+    const submission = await FormTestUtils.handleSubmission(json, 3)
+    expect(submission).toEqual({ scale1: 3 })
+  })
+})

package/src/components/SubComponents/FormInstance/tests/section.test.js

@@ -0,0 +1,63 @@
+import json from '../stories/mocks/section.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'section'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          components: [
+            {
+              content: '<h3>section1</h3>',
+              id: 'heading-titlekitchen_sink_formio_v1--section1',
+              input: false,
+              key: 'heading-titlesection1',
+              refreshOnChange: false,
+              tableView: false,
+              type: 'htmlelement'
+            },
+            {
+              content: 'this is a section',
+              id: 'heading-desckitchen_sink_formio_v1--section1',
+              input: false,
+              key: 'heading-descsection1',
+              refreshOnChange: false,
+              tableView: false,
+              type: 'htmlelement'
+            },
+            {
+              attributes: { counter: 3 },
+              clearOnHide: true,
+              customClass: 'custom-formio-3',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--textfield1',
+              input: true,
+              key: 'textfield1',
+              label: 'textfield1',
+              labelPosition: 'top',
+              mask: false,
+              type: 'textfield',
+              validate: { maxLength: 255, required: false }
+            }
+          ],
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: true,
+          id: 'kitchen_sink_formio_v1--section1',
+          input: false,
+          key: 'section1',
+          label: 'section1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'container',
+          validate: {}
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/select.test.js

@@ -0,0 +1,45 @@
+import json from '../stories/mocks/select.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'select'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          data: {
+            values: [
+              { label: 'Mallee', value: '4941' },
+              { label: 'Wimmera Southern Mallee', value: '4946' },
+              { label: 'Loddon Campaspe', value: '4951' },
+              { label: 'Barwon', value: '4956' },
+              { label: 'Central Highlands', value: '4961' },
+              { label: 'Gippsland', value: '4966' },
+              { label: 'Goulburn', value: '4971' },
+              { label: 'Great South Coast', value: '4976' },
+              { label: 'Ovens Murray', value: '4981' },
+              { label: 'Melbourne', value: '4986' },
+              { label: 'Online', value: '8446' },
+              { label: '- None -', value: '_empty_' }
+            ]
+          },
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--termselect1',
+          input: true,
+          key: 'termselect1',
+          label: 'termselect1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'select',
+          validate: { required: false },
+          widget: 'choicesjs'
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/selectother.test.js

@@ -0,0 +1,82 @@
+import json from '../stories/mocks/selectother.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'selectother'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          columns: [
+            {
+              components: [
+                {
+                  attributes: { counter: 3 },
+                  clearOnHide: true,
+                  customClass: 'custom-formio-3',
+                  data: {
+                    values: [
+                      { label: '- Select -', value: '_empty_' },
+                      { label: 'Male', value: 'Male' },
+                      { label: 'Female', value: 'Female' },
+                      { label: 'Transgender', value: 'Transgender' },
+                      { label: 'Other…', value: '_other_' }
+                    ]
+                  },
+                  defaultValue: null,
+                  disabled: false,
+                  hideLabel: true,
+                  id: 0,
+                  input: true,
+                  key: 0,
+                  label: 'so1',
+                  mask: false,
+                  type: 'select',
+                  validate: { required: true },
+                  widget: 'choicesjs'
+                }
+              ],
+              width: 12
+            },
+            {
+              components: [
+                {
+                  attributes: { counter: 4 },
+                  clearOnHide: true,
+                  conditional: { eq: '_other_', show: true, when: 0 },
+                  customClass: 'custom-formio-4',
+                  disabled: false,
+                  hideLabel: true,
+                  id: 0,
+                  input: true,
+                  key: 0,
+                  label: 'Enter other…',
+                  mask: false,
+                  placeholder: 'Enter other…',
+                  type: 'textfield',
+                  validate: { maxLength: 255, required: true }
+                }
+              ],
+              width: 12
+            }
+          ],
+          customClass: 'custom-formio-1',
+          defaultValue: { other: null, select: null },
+          disabled: false,
+          hideLabel: true,
+          id: 'kitchen_sink_formio_v1--so1',
+          input: false,
+          key: 'so1',
+          label: 'so1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'columns',
+          validate: {}
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/signature.test.js

@@ -0,0 +1,32 @@
+import json from '../stories/mocks/signature.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'signature'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          description: {
+            '#markup': 'Sign above',
+            '#theme': 'webform_html_editor_markup'
+          },
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--signature1',
+          input: true,
+          key: 'signature1',
+          label: 'signature1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'signature',
+          validate: { required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/styles.test.js

@@ -0,0 +1,73 @@
+import json from '../stories/mocks/styles.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'styles'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--full_name',
+          input: true,
+          key: 'full_name',
+          label: 'Label in red style override',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: true }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: true,
+          customClass: 'custom-formio-2',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--wrapper_with_green_background',
+          input: true,
+          key: 'wrapper_with_green_background',
+          label: 'wrapper with yellow background',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          customClass: 'custom-formio-3',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--input_with_text_transform',
+          input: true,
+          key: 'input_with_text_transform',
+          label: 'input with background',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 4 },
+          clearOnHide: true,
+          customClass: 'custom-formio-4',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--element_without_styles',
+          input: true,
+          key: 'element_without_styles',
+          label: 'element without styles',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/table-select.test.js

@@ -0,0 +1,93 @@
+import json from '../stories/mocks/table-select.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'table-select'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          defaultValue: {
+            value: []
+          },
+          disabled: false,
+          hideLabel: false,
+          id: 'test--rer',
+          input: true,
+          key: 'rer',
+          label: 'Single Select',
+          labelPosition: 'top',
+          mask: false,
+          numberOfSelections: 1,
+          type: 'tableselect',
+          validate: { required: false },
+          values: [
+            { checked: false, label: 'test 2', value: 'test 2' },
+            { checked: false, label: 'test1', value: 'test1' }
+          ]
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: true,
+          customClass: 'custom-formio-2',
+          defaultValue: {
+            value: []
+          },
+          disabled: false,
+          hideLabel: false,
+          id: 'test--rer2',
+          input: true,
+          key: 'rer2',
+          label: 'Multi-Select',
+          labelPosition: 'top',
+          mask: false,
+          numberOfSelections: 2,
+          type: 'tableselect',
+          validate: { required: false },
+          values: [
+            {
+              checked: false,
+              label:
+                'Allows the end user to enter rich text such as headings, paragraphs and bolding. Submits it as HTML and which then can be sent in a submission email',
+              value: 'test 2'
+            },
+            { checked: false, label: 'test1', value: 'test1' }
+          ]
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          customClass: 'custom-formio-3',
+          defaultValue: {
+            value: []
+          },
+          disabled: false,
+          hideLabel: false,
+          id: 'test--lim',
+          input: true,
+          key: 'lim',
+          label: 'Select only 2',
+          labelPosition: 'top',
+          mask: false,
+          numberOfSelections: 2,
+          type: 'tableselect',
+          validate: { required: false },
+          values: [
+            {
+              checked: false,
+              label:
+                'Allows the end user to enter rich text such as headings, paragraphs and bolding. Submits it as HTML and which then can be sent in a submission email',
+              value: 'test 2'
+            },
+            { checked: false, label: 'test1', value: 'test1' },
+            { checked: false, label: 'aaa dddd', value: 'aaa' }
+          ]
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/table.test.js

@@ -0,0 +1,97 @@
+import json from '../stories/mocks/table.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'table'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          cellAlignment: 'left',
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: true,
+          id: 'kitchen_sink_formio_v1--t1',
+          input: false,
+          key: 't1',
+          label: 't1',
+          labelPosition: 'top',
+          mask: false,
+          numCols: 2,
+          numRows: 2,
+          rows: [
+            [
+              {
+                components: [
+                  {
+                    content: '<strong>table header 1</strong>',
+                    id: 'table-heading-0kitchen_sink_formio_v1--t1',
+                    key: 'table-heading-0t1',
+                    refreshOnChange: false,
+                    type: 'htmlelement'
+                  }
+                ]
+              },
+              {
+                components: [
+                  {
+                    content: '<strong>table header 2</strong>',
+                    id: 'table-heading-1kitchen_sink_formio_v1--t1',
+                    key: 'table-heading-1t1',
+                    refreshOnChange: false,
+                    type: 'htmlelement'
+                  }
+                ]
+              }
+            ],
+            [
+              {
+                components: [
+                  {
+                    attributes: { counter: 4 },
+                    clearOnHide: true,
+                    customClass: 'custom-formio-4',
+                    disabled: false,
+                    hideLabel: false,
+                    id: 'kitchen_sink_formio_v1--t1_01_txt1',
+                    input: true,
+                    key: 't1_01_txt1',
+                    label: 'txt1',
+                    labelPosition: 'top',
+                    mask: false,
+                    type: 'textfield',
+                    validate: { maxLength: 255, required: false }
+                  }
+                ]
+              },
+              {
+                components: [
+                  {
+                    attributes: { counter: 5 },
+                    clearOnHide: true,
+                    customClass: 'custom-formio-5',
+                    disabled: false,
+                    hideLabel: false,
+                    id: 'kitchen_sink_formio_v1--t1_01_txt2',
+                    input: true,
+                    key: 't1_01_txt2',
+                    label: 'txt2',
+                    labelPosition: 'top',
+                    mask: false,
+                    type: 'textfield',
+                    validate: { maxLength: 255, required: false }
+                  }
+                ]
+              }
+            ]
+          ],
+          type: 'table',
+          validate: {}
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/telephone.test.js

@@ -0,0 +1,29 @@
+import json from '../stories/mocks/telephone.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'telephone'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--telephone1',
+          input: true,
+          inputMask: '99 9999 9999',
+          key: 'telephone1',
+          label: 'telephone1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'phoneNumber',
+          validate: { maxLength: 128, required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/textarea.test.js

@@ -0,0 +1,29 @@
+import json from '../stories/mocks/textarea.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'TextArea'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          autoExpand: true,
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textarea1',
+          input: true,
+          key: 'textarea1',
+          label: 'textarea1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textarea',
+          validate: { required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/textfield.test.js

@@ -0,0 +1,48 @@
+import json from '../stories/mocks/textfield.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'TextField'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 2 },
+          clearOnHide: true,
+          customClass: 'custom-formio-2',
+          description: {
+            '#markup': 'Description text',
+            '#theme': 'webform_html_editor_markup'
+          },
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--t18',
+          input: true,
+          key: 't18',
+          label: 'Title text',
+          labelPosition: 'top',
+          mask: false,
+          placeholder: 'placeholderx',
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          customClass: 'custom-formio-3',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textfield_regex_abc',
+          input: true,
+          key: 'textfield_regex_abc',
+          label: 'textfield with pattern ab+c',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, pattern: 'ab+c', required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/time.test.js

@@ -0,0 +1,29 @@
+import json from '../stories/mocks/time.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'time'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--time1',
+          input: true,
+          inputMask: '99:99',
+          key: 'time1',
+          label: 'time1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'time',
+          validate: { maxLength: 12, required: false }
+        }
+      ])
+    )
+  })
+})