@worksafevictoria/wcl7.5 1.1.0-beta.7 → 1.1.0-beta.70

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

@@ -0,0 +1,619 @@
+import json from '../stories/mocks/rule-visible-value.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'rule-visible'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    console.log(components)
+    console.log(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox1',
+          input: true,
+          key: 'textbox1',
+          label: 'textbox1',
+          labelPosition: 'top',
+          mask: false,
+          placeholder:
+            "type 'show' to show textfield2 and hide container with textbox",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: true,
+          customClass: 'custom-formio-2',
+          disabled: false,
+          hidden: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox2',
+          input: true,
+          key: 'textbox2',
+          label: 'textfield2',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 === 'show'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 === 'show'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          components: [
+            {
+              attributes: { counter: 7 },
+              clearOnHide: false,
+              customClass: 'custom-formio-7',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--textboxContainer',
+              input: true,
+              key: 'textboxContainer',
+              label: 'Container textbox',
+              labelPosition: 'top',
+              mask: false,
+              placeholder: 'type anything to show textbox3',
+              type: 'textfield',
+              validate: { maxLength: 255, required: false }
+            }
+          ],
+          customClass: 'custom-formio-3',
+          disabled: false,
+          hidden: true,
+          hideLabel: true,
+          id: 'kitchen_sink_formio_v1--c31',
+          input: false,
+          key: 'c31',
+          label: null,
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 !== 'show'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 !== 'show'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'container',
+          validate: {}
+        },
+        {
+          attributes: { counter: 4 },
+          clearOnHide: true,
+          customClass: 'custom-formio-4',
+          disabled: false,
+          hidden: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox3',
+          input: true,
+          key: 'textbox3',
+          label: 'textfield3',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          placeholder: "type a pattern ending with 'text4' to show textbox4",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 5 },
+          clearOnHide: true,
+          customClass: 'custom-formio-5',
+          disabled: false,
+          hidden: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox4',
+          input: true,
+          key: 'textbox4',
+          label: 'textfield4',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  'result = (Boolean((/text4$/.test(data.textbox1))) || Boolean((/text4$/.test(data.textbox3))))',
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  'result = (Boolean((/text4$/.test(data.textbox1))) || Boolean((/text4$/.test(data.textbox3))))',
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  'result = (Boolean((/text4$/.test(data.textbox1))) || Boolean((/text4$/.test(data.textbox3))))',
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        }
+      ])
+    )
+    expect(components).toEqual(
+      FormTestUtils.getComparisonJSON([
+        {
+          attributes: { counter: 1 },
+          clearOnHide: true,
+          customClass: 'custom-formio-1',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox1',
+          input: true,
+          key: 'textbox1',
+          label: 'textbox1',
+          labelPosition: 'top',
+          mask: false,
+          placeholder:
+            "type 'show' to show textfield2 and hide container with textbox",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: true,
+          customClass: 'custom-formio-2',
+          disabled: false,
+          hidden: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox2',
+          input: true,
+          key: 'textbox2',
+          label: 'textfield2',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 === 'show'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 === 'show'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          components: [
+            {
+              attributes: { counter: 7 },
+              clearOnHide: false,
+              customClass: 'custom-formio-7',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--textboxContainer',
+              input: true,
+              key: 'textboxContainer',
+              label: 'Container textbox',
+              labelPosition: 'top',
+              mask: false,
+              placeholder: 'type anything to show textbox3',
+              type: 'textfield',
+              validate: { maxLength: 255, required: false }
+            }
+          ],
+          customClass: 'custom-formio-3',
+          disabled: false,
+          hidden: true,
+          hideLabel: true,
+          id: 'kitchen_sink_formio_v1--c31',
+          input: false,
+          key: 'c31',
+          label: null,
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 !== 'show'))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: "result = (Boolean(data.textbox1 !== 'show'))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'container',
+          validate: {}
+        },
+        {
+          attributes: { counter: 4 },
+          clearOnHide: true,
+          customClass: 'custom-formio-4',
+          disabled: false,
+          hidden: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox3',
+          input: true,
+          key: 'textbox3',
+          label: 'textfield3',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  "result = (Boolean((data.c31.textboxContainer !== null && data.c31.textboxContainer !== undefined && data.c31.textboxContainer !== '')))",
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          placeholder: "type a pattern ending with 'text4' to show textbox4",
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 5 },
+          clearOnHide: true,
+          customClass: 'custom-formio-5',
+          disabled: false,
+          hidden: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--textbox4',
+          input: true,
+          key: 'textbox4',
+          label: 'textfield4',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  'result = (Boolean((/text4$/.test(data.textbox1))) || Boolean((/text4$/.test(data.textbox3))))',
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  'result = (Boolean((/text4$/.test(data.textbox1))) || Boolean((/text4$/.test(data.textbox3))))',
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript:
+                  'result = (Boolean((/text4$/.test(data.textbox1))) || Boolean((/text4$/.test(data.textbox3))))',
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        }
+      ])
+    )
+  })
+
+  it(`should return a submission value`, () => {
+    const formioform = FormTestUtils.getParsedFormFromJSON(json)
+    const submission = FormTestUtils.getSubmissionValue(
+      {
+        textbox1: 'asa',
+        c31: {
+          textboxContainer: 'ssdsd'
+        },
+        textbox3: 'dsds'
+      },
+      formioform
+    )
+    expect(submission).toEqual({
+      textbox1: 'asa',
+      textboxContainer: 'ssdsd',
+      textbox3: 'dsds'
+    })
+  })
+})

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

@@ -0,0 +1,94 @@
+import json from '../stories/mocks/sameas.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'sameas'
+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: 'First Name',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: true }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: false,
+          customClass: 'custom-formio-2',
+          disabled: false,
+          hidden: true,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--last_name',
+          input: true,
+          key: 'last_name',
+          label: 'Last name',
+          labelPosition: 'top',
+          logic: [
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: 'result = (Boolean((data.samea === false)))',
+                type: 'javascript'
+              }
+            },
+            {
+              actions: [
+                {
+                  name: 0,
+                  property: { label: 0, type: 'boolean', value: 'hidden' },
+                  state: false,
+                  type: 'property'
+                }
+              ],
+              defaultProps: { hidden: true },
+              name: 0,
+              trigger: {
+                javascript: 'result = (Boolean((data.samea === false)))',
+                type: 'javascript'
+              }
+            }
+          ],
+          mask: false,
+          type: 'textfield',
+          validate: { maxLength: 255, required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          customClass: 'custom-formio-3',
+          defaultValue: 0,
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--samea',
+          input: true,
+          key: 'samea',
+          label: 'Is your first name same as last name?',
+          labelPosition: 'bottom',
+          mask: false,
+          type: 'checkbox',
+          validate: { required: false }
+        }
+      ])
+    )
+  })
+})