@worksafevictoria/wcl7.5 1.17.0-beta.1 → 1.17.0-beta.11

package/src/components/SubComponents/FormInstance/tests/form-test-utils.js

@@ -5,17 +5,20 @@ import { FormSubmitParser } from '../services/form-submit-parser'
 export class FormTestUtils {
   static initialiseParser = () => {
     const parser = new FormRenderParser()
+
     parser.initialise('', false)
     let counter = 0
     jest.spyOn(formUtils, 'generateUniqueId').mockImplementation(() => {
       counter += 0
       return counter
     })
+
     return parser
   }
 
   static getParsedComponentsFromJSON = (json) => {
     const formIOform = FormTestUtils.getParsedFormFromJSON(json)
+    //console.log('🚀 ~ FormTestUtils ~ formIOform:', formIOform)
     const components = JSON.parse(
       JSON.stringify(formIOform.definition.components),
     )

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

@@ -10,9 +10,10 @@ describe(`Form parser`, () => {
 
   it(`should render a multi page form`, () => {
     const form = getParsedComponentsFromJSON(wizard)
+    console.log('🚀 ~ form:', form)
     expect(form).toEqual({
       display: 'wizard',
-      id: 'edit-elements'
+      // id: 'edit-elements',
     })
   })
 })

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

@@ -5,6 +5,7 @@ const testComponent = 'radio other'
 describe(`Form ${testComponent} parser`, () => {
   it(`should render a ${testComponent} component`, () => {
     const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    console.log('🚀 ~ components:', JSON.stringify(components))
     expect(components).toEqual(
       FormTestUtils.getComparisonJSON([
         {
@@ -32,11 +33,11 @@ describe(`Form ${testComponent} parser`, () => {
                   values: [
                     { label: 'Friday', value: 'Friday' },
                     { label: 'Saturday', value: 'Saturday' },
-                    { label: 'Other…', value: '_other_' }
-                  ]
-                }
+                    { label: 'Other…', value: '_other_' },
+                  ],
+                },
               ],
-              width: 12
+              width: 12,
             },
             {
               components: [
@@ -54,11 +55,11 @@ describe(`Form ${testComponent} parser`, () => {
                   mask: false,
                   placeholder: 'Enter other…',
                   type: 'textfield',
-                  validate: { maxLength: 255, required: false }
-                }
+                  validate: { maxLength: 255, required: false },
+                },
               ],
-              width: 12
-            }
+              width: 12,
+            },
           ],
           customClass: 'custom-formio-1',
           defaultValue: { other: null, radios: null },
@@ -71,9 +72,9 @@ describe(`Form ${testComponent} parser`, () => {
           labelPosition: 'top',
           mask: false,
           type: 'columns',
-          validate: {}
-        }
-      ])
+          validate: {},
+        },
+      ]),
     )
   })
 })

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

@@ -22,7 +22,7 @@ describe(`Form ${testComponent} parser`, () => {
           placeholder:
             "type 'disable' to disable textfield2 and 'ro' to make textfield3 readonly",
           type: 'textfield',
-          validate: { maxLength: 255, required: false }
+          validate: { maxLength: 255, required: false },
         },
         {
           attributes: { counter: 2 },
@@ -42,36 +42,20 @@ describe(`Form ${testComponent} parser`, () => {
                   name: 0,
                   property: { label: 0, type: 'boolean', value: 'disabled' },
                   state: true,
-                  type: 'property'
-                }
+                  type: 'property',
+                },
               ],
               defaultProps: { disabled: false },
               name: 0,
               trigger: {
                 javascript: "result = (Boolean(data.textfield1 === 'disable'))",
-                type: 'javascript'
-              }
+                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 }
+          validate: { maxLength: 255, required: false },
         },
         {
           attributes: { counter: 3 },
@@ -91,38 +75,22 @@ describe(`Form ${testComponent} parser`, () => {
                   name: 0,
                   property: { label: 0, type: 'boolean', value: 'disabled' },
                   state: true,
-                  type: 'property'
-                }
+                  type: 'property',
+                },
               ],
               defaultProps: { disabled: false },
               name: 0,
               trigger: {
                 javascript: "result = (Boolean(data.textfield1 === 'ro'))",
-                type: 'javascript'
-              }
+                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 }
-        }
-      ])
+          validate: { maxLength: 255, required: false },
+        },
+      ]),
     )
   })
 })

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

@@ -21,7 +21,7 @@ describe(`Form ${testComponent} parser`, () => {
           mask: false,
           placeholder: "type 'enable' to enable textfield2",
           type: 'textfield',
-          validate: { maxLength: 255, required: false }
+          validate: { maxLength: 255, required: false },
         },
         {
           attributes: { counter: 2 },
@@ -41,38 +41,22 @@ describe(`Form ${testComponent} parser`, () => {
                   name: 0,
                   property: { label: 0, type: 'boolean', value: 'disabled' },
                   state: false,
-                  type: 'property'
-                }
+                  type: 'property',
+                },
               ],
               defaultProps: { disabled: true },
               name: 0,
               trigger: {
                 javascript: "result = (Boolean(data.textfield1 === 'enable'))",
-                type: 'javascript'
-              }
+                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 }
-        }
-      ])
+          validate: { maxLength: 255, required: false },
+        },
+      ]),
     )
   })
 })

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

@@ -21,7 +21,7 @@ describe(`Form ${testComponent} parser`, () => {
           mask: false,
           placeholder: "type 'hide' to hide textfield2 and textfield3",
           type: 'textfield',
-          validate: { maxLength: 255, required: false }
+          validate: { maxLength: 255, required: false },
         },
         {
           attributes: { counter: 2 },
@@ -42,37 +42,21 @@ describe(`Form ${testComponent} parser`, () => {
                   name: 0,
                   property: { label: 0, type: 'boolean', value: 'hidden' },
                   state: true,
-                  type: 'property'
-                }
+                  type: 'property',
+                },
               ],
               defaultProps: { hidden: false },
               name: 0,
               trigger: {
                 javascript: "result = (Boolean(data.textfield1 === 'hide'))",
-                type: 'javascript'
-              }
+                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 }
+          validate: { maxLength: 255, required: false },
         },
         {
           attributes: { counter: 3 },
@@ -93,39 +77,23 @@ describe(`Form ${testComponent} parser`, () => {
                   name: 0,
                   property: { label: 0, type: 'boolean', value: 'hidden' },
                   state: true,
-                  type: 'property'
-                }
+                  type: 'property',
+                },
               ],
               defaultProps: { hidden: false },
               name: 0,
               trigger: {
                 javascript: "result = (Boolean(data.textfield1 === 'hide'))",
-                type: 'javascript'
-              }
+                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 }
-        }
-      ])
+          validate: { maxLength: 255, required: false },
+        },
+      ]),
     )
   })
 })

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

@@ -21,7 +21,7 @@ describe(`Form ${testComponent} parser`, () => {
           mask: false,
           placeholder: "type 'req' to require textfield2",
           type: 'textfield',
-          validate: { maxLength: 255, required: false }
+          validate: { maxLength: 255, required: false },
         },
         {
           attributes: { counter: 2 },
@@ -42,44 +42,24 @@ describe(`Form ${testComponent} parser`, () => {
                   property: {
                     label: 0,
                     type: 'boolean',
-                    value: 'validate.required'
+                    value: 'validate.required',
                   },
                   state: true,
-                  type: 'property'
-                }
+                  type: 'property',
+                },
               ],
               defaultProps: { validate: { required: false } },
               name: 0,
               trigger: {
                 javascript: "result = (Boolean(data.textfield1 === 'req'))",
-                type: 'javascript'
-              }
+                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 }
+          validate: { maxLength: 255, required: false },
         },
         {
           attributes: { counter: 3 },
@@ -100,45 +80,25 @@ describe(`Form ${testComponent} parser`, () => {
                   property: {
                     label: 0,
                     type: 'boolean',
-                    value: 'validate.required'
+                    value: 'validate.required',
                   },
                   state: false,
-                  type: 'property'
-                }
+                  type: 'property',
+                },
               ],
               defaultProps: { validate: { required: true } },
               name: 0,
               trigger: {
                 javascript: "result = (Boolean(data.textfield2 === 'opt'))",
-                type: 'javascript'
-              }
+                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 }
-        }
-      ])
+          validate: { maxLength: 255, required: true },
+        },
+      ]),
     )
   })
 })