@worksafevictoria/wcl7.5 1.1.11 → 1.1.13

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

@@ -0,0 +1,33 @@
+import { TwigFormElement } from '../models/overrides/twig'
+import json from '../stories/mocks/token.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'token'
+describe(`Form ${testComponent} parser`, () => {
+  it(`should render a ${testComponent} component`, () => {
+    const components = FormTestUtils.getParsedComponentsFromJSON(json)
+    const form = { components }
+    const data = {
+      full_name: 'sds',
+      checkbox1: true,
+      container: {
+        container_textbox: 'afssf',
+        tx1: [
+          {
+            tx1: 'dsfs'
+          }
+        ]
+      }
+    }
+    const twig = new TwigFormElement()
+    const printFn = twig.printTokens.toString()
+    const printFnBody = printFn.slice(
+      printFn.indexOf('{') + 1,
+      printFn.lastIndexOf(';')
+    )
+
+    expect(eval(printFnBody)).toBe(
+      `first name: sds<br/>is coming?: Yes<br/>Where do you live?: afssf<br/>Child: dsfs`
+    )
+  })
+})

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

@@ -0,0 +1,74 @@
+import json from '../stories/mocks/twig.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'twig'
+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',
+          decimalLimit: 0,
+          defaultValue: 2,
+          delimiter: true,
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--n1',
+          input: true,
+          inputFormat: 'plain',
+          key: 'n1',
+          label: 'n1',
+          labelPosition: 'top',
+          mask: false,
+          requireDecimal: false,
+          truncateMultipleSpaces: true,
+          type: 'number',
+          validate: { required: false }
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: true,
+          customClass: 'custom-formio-2',
+          decimalLimit: 0,
+          defaultValue: 3,
+          delimiter: true,
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--n2',
+          input: true,
+          inputFormat: 'plain',
+          key: 'n2',
+          label: 'n2',
+          labelPosition: 'top',
+          mask: false,
+          requireDecimal: false,
+          truncateMultipleSpaces: true,
+          type: 'number',
+          validate: { required: false }
+        },
+        {
+          attributes: { counter: 3 },
+          clearOnHide: true,
+          content:
+            '<label for="0" class="col-form-label">Twig with template {{( data.n2 + data.n1 )}}</label><div id="0">the sum of two numbers is {{( data.n2 + data.n1 )}}</div>',
+          customClass: 'custom-formio-3',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--twig1',
+          input: false,
+          key: 'twig1',
+          label: 'Twig with template {{( data.n2 + data.n1 )}}',
+          labelPosition: 'top',
+          mask: false,
+          refreshOnChange: true,
+          tag: 'div',
+          type: 'htmlelement',
+          validate: { required: false }
+        }
+      ])
+    )
+  })
+})

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

@@ -0,0 +1,45 @@
+import json from '../stories/mocks/url.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'url'
+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--url1',
+          input: true,
+          key: 'url1',
+          label: 'url1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'url',
+          validate: { maxLength: 255, required: false }
+        }
+      ])
+    )
+  })
+
+  it(`should return a submission value with prefix`, () => {
+    const submission = FormTestUtils.handleSubmission(
+      json,
+      'https://www.google.com'
+    )
+    expect(submission).toEqual({
+      url1: 'https://www.google.com'
+    })
+  })
+
+  it(`should return a submission value without prefix`, () => {
+    const submission = FormTestUtils.handleSubmission(json, 'www.google.com')
+    expect(submission).toEqual({
+      url1: 'http://www.google.com'
+    })
+  })
+})

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

@@ -0,0 +1,31 @@
+import json from '../stories/mocks/value.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'value'
+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: '<h1>Heading h1</h1> <p>test</p>',
+          disabled: false,
+          editor: 'quill',
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--value1',
+          input: true,
+          isUploadEnabled: false,
+          key: 'value1',
+          label: 'value1',
+          labelPosition: 'top',
+          mask: false,
+          type: 'textarea',
+          validate: { required: false }
+        }
+      ])
+    )
+  })
+})

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

@@ -0,0 +1,145 @@
+import json from '../stories/mocks/wizard.json'
+import { FormTestUtils } from './form-test-utils'
+
+const testComponent = 'wizard'
+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,
+          collapsed: true,
+          collapsible: true,
+          components: [
+            {
+              attributes: { counter: 4 },
+              clearOnHide: true,
+              customClass: 'custom-formio-4',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--t1e',
+              input: true,
+              key: 't1e',
+              label: 'label 1',
+              labelPosition: 'top',
+              mask: false,
+              type: 'textfield',
+              validate: { maxLength: 255, required: true }
+            },
+            {
+              attributes: { counter: 5 },
+              clearOnHide: true,
+              customClass: 'custom-formio-5',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--t1d',
+              input: true,
+              key: 't1d',
+              label: 'label 2',
+              labelPosition: 'top',
+              mask: false,
+              type: 'textfield',
+              validate: { maxLength: 255, required: true }
+            },
+            {
+              attributes: { counter: 6 },
+              clearOnHide: true,
+              customClass: 'custom-formio-6',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--t1c',
+              input: true,
+              key: 't1c',
+              label: 'label 3',
+              labelPosition: 'top',
+              mask: false,
+              type: 'textfield',
+              validate: { maxLength: 255, required: true }
+            },
+            {
+              attributes: { counter: 7 },
+              clearOnHide: true,
+              customClass: 'custom-formio-7',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--t1b',
+              input: true,
+              key: 't1b',
+              label: 'label 4',
+              labelPosition: 'top',
+              mask: false,
+              type: 'textfield',
+              validate: { maxLength: 255, required: true }
+            },
+            {
+              attributes: { counter: 8 },
+              clearOnHide: true,
+              customClass: 'custom-formio-8',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--t1a',
+              input: true,
+              key: 't1a',
+              label: 'label 5',
+              labelPosition: 'top',
+              mask: false,
+              type: 'textfield',
+              validate: { maxLength: 255, required: true }
+            }
+          ],
+          customClass: 'custom-formio-1',
+          description: '',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--p1',
+          input: false,
+          key: 'p1',
+          label: 'p1',
+          labelPosition: 'top',
+          mask: false,
+          title: 'p1',
+          type: 'panel',
+          validate: {}
+        },
+        {
+          attributes: { counter: 2 },
+          clearOnHide: true,
+          collapsed: true,
+          collapsible: true,
+          components: [
+            {
+              attributes: { counter: 9 },
+              clearOnHide: true,
+              customClass: 'custom-formio-9',
+              disabled: false,
+              hideLabel: false,
+              id: 'kitchen_sink_formio_v1--t2',
+              input: true,
+              key: 't2',
+              label: 't2',
+              labelPosition: 'top',
+              mask: false,
+              type: 'textfield',
+              validate: { maxLength: 255, required: false }
+            }
+          ],
+          customClass: 'custom-formio-2',
+          description: '',
+          disabled: false,
+          hideLabel: false,
+          id: 'kitchen_sink_formio_v1--p2',
+          input: false,
+          key: 'p2',
+          label: 'p2',
+          labelPosition: 'top',
+          mask: false,
+          title: 'p2',
+          type: 'panel',
+          validate: {}
+        }
+      ])
+    )
+  })
+})

package/src/mock/jest.fileMock.js

@@ -0,0 +1 @@
+module.exports = '';

package/src/components/SubComponents/FormInstance/index.stories.js

@@ -1,8 +0,0 @@
-import FullForm from './index.vue'
-
-export default {
-    title: 'Form/FormInstance',
-    component: FullForm,
-}
-
-export const Default = {}