@worksafevictoria/wcl7.5 1.1.10 → 1.1.12

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

@@ -0,0 +1,79 @@
+import json from '../stories/mocks/radiosother.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'radio other'
+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',
+                  defaultValue: null,
+                  disabled: false,
+                  hideLabel: true,
+                  id: 0,
+                  inline: false,
+                  input: true,
+                  key: 0,
+                  label: 'ro1',
+                  mask: false,
+                  optionsLabelPosition: 'right',
+                  type: 'radio',
+                  validate: { required: false },
+                  values: [
+                    { label: 'Friday', value: 'Friday' },
+                    { label: 'Saturday', value: 'Saturday' },
+                    { label: 'Other…', value: '_other_' }
+                  ]
+                }
+              ],
+              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: false }
+                }
+              ],
+              width: 12
+            }
+          ],
+          customClass: 'custom-formio-1',
+          defaultValue: { other: null, radios: null },
+          disabled: false,
+          hideLabel: true,
+          id: 'kitchen_sink_formio_v1--ro1',
+          input: false,
+          key: 'ro1',
+          label: 'ro1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'columns',
+          validate: {}
+        }
+      ])
+    )
+  })
+})

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

@@ -0,0 +1,32 @@
+import json from '../stories/mocks/range.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'range'
+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: '50',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--range1',
+          input: true,
+          key: 'range1',
+          label: 'range1',
+          labelPosition: 'top',
+          mask: false,
+          max: 100,
+          min: 0,
+          step: 1,
+          type: 'range',
+          validate: { max: 100, min: 0, required: true }
+        }
+      ])
+    )
+  })
+})

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

@@ -0,0 +1,38 @@
+import json from '../stories/mocks/rating.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'rating'
+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: 4,
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--rating1',
+          inline: true,
+          input: true,
+          key: 'rating1',
+          label: 'rating1',
+          labelPosition: 'top',
+          mask: false,
+          optionsLabelPosition: 'right',
+          type: 'rating',
+          validate: { max: 5, min: 0, required: true },
+          values: [
+            { checked: true, id: 0, label: '', value: 1 },
+            { checked: true, id: 0, label: '', value: 2 },
+            { checked: true, id: 0, label: '', value: 3 },
+            { checked: true, id: 0, label: '', value: 4 },
+            { checked: false, id: 0, label: '', value: 5 }
+          ]
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/rule-disabled.test.js

@@ -0,0 +1,128 @@
+import json from '../stories/mocks/rule-disabled-value.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'rule-disabled'
+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--textfield1',
+          input: true,
+          key: 'textfield1',
+          label: 'textfield1',
+          labelPosition: 'top',
+          mask: false,
+          placeholder:
+            "type 'disable' to disable textfield2 and 'ro' to make textfield3 readonly",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: false,
+          customClass: 'custom-formio-2',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textfield2',
+          input: true,
+          key: 'textfield2',
+          label: 'textfield2',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'disabled' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { disabled: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'disable'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'disabled' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { disabled: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'disable'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          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--textfield3',
+          input: true,
+          key: 'textfield3',
+          label: 'textfield3',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'disabled' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { disabled: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'ro'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'disabled' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { disabled: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'ro'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/rule-enabled-value.test.js

@@ -0,0 +1,78 @@
+import json from '../stories/mocks/rule-enabled-value.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'rule-enabled'
+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--textfield1',
+          input: true,
+          key: 'textfield1',
+          label: 'textfield1',
+          labelPosition: 'top',
+          mask: false,
+          placeholder: "type 'enable' to enable textfield2",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: false,
+          customClass: 'custom-formio-2',
+          disabled: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textfield2',
+          input: true,
+          key: 'textfield2',
+          label: 'textfield2',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'disabled' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { disabled: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'enable'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'disabled' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { disabled: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'enable'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/rule-hidden.test.js

@@ -0,0 +1,131 @@
+import json from '../stories/mocks/rule-hidden-value.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'rule-hidden'
+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--textfield1',
+          input: true,
+          key: 'textfield1',
+          label: 'textfield1',
+          labelPosition: 'top',
+          mask: false,
+          placeholder: "type 'hide' to hide textfield2 and textfield3",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: false,
+          customClass: 'custom-formio-2',
+          disabled: false,
+          hidden: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textfield2',
+          input: true,
+          key: 'textfield2',
+          label: 'textfield2',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'hide'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'hide'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          placeholder: 'will retain value on hidden',
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          customClass: 'custom-formio-3',
+          disabled: false,
+          hidden: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textfield3',
+          input: true,
+          key: 'textfield3',
+          label: 'textfield3',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'hide'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: false },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'hide'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          placeholder: 'will NOT retain value on hidden',
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        }
+      ])
+    )
+  })
+})

package/src/components/SubComponents/FormInstance/tests/rule-required-value.test.js

@@ -0,0 +1,144 @@
+import json from '../stories/mocks/rule-required-value.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'rule-required'
+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--textfield1',
+          input: true,
+          key: 'textfield1',
+          label: 'textfield1',
+          labelPosition: 'top',
+          mask: false,
+          placeholder: "type 'req' to require textfield2",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: false,
+          customClass: 'custom-formio-2',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textfield2',
+          input: true,
+          key: 'textfield2',
+          label: 'textfield2',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: {
+                    label: 0,
+                    type: 'boolean',
+                    value: 'validate.required'
+                  },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { validate: { required: false } },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'req'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: {
+                    label: 0,
+                    type: 'boolean',
+                    value: 'validate.required'
+                  },
+                  state: true,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { validate: { required: false } },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield1 === 'req'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          placeholder: "type 'opt' to make textfield3 optional",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: false,
+          customClass: 'custom-formio-3',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textfield3',
+          input: true,
+          key: 'textfield3',
+          label: 'textfield3',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: {
+                    label: 0,
+                    type: 'boolean',
+                    value: 'validate.required'
+                  },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { validate: { required: true } },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield2 === 'opt'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: {
+                    label: 0,
+                    type: 'boolean',
+                    value: 'validate.required'
+                  },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { validate: { required: true } },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textfield2 === 'opt'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: true }
+        }
+      ])
+    )
+  })
+})