@digigov/form 2.0.0-0edebf87 → 2.0.0-2177f152

package/inputs/inputsScenarios/index.js

@@ -0,0 +1,499 @@
+import el from "@digigov/form/locales/el";
+const INPUTS_FIELDS = [
+  {
+    key: "date-example",
+    type: "date",
+    required: true,
+    label: {
+      primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;",
+      secondary: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"
+    }
+  },
+  {
+    key: "otp",
+    type: "otp",
+    maxLength: 6,
+    label: {
+      primary: "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"
+    },
+    required: true
+  },
+  {
+    key: "checkbox",
+    type: "choice:multiple",
+    required: true,
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "autocomplete_multiple",
+    required: true,
+    type: "choice:multiple",
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      component: "AutoComplete",
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "radio",
+    type: "choice:single",
+    required: true,
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "select",
+    type: "choice:single",
+    required: true,
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      component: "Select",
+      options: [
+        {
+          label: { primary: "" },
+          value: ""
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "autocomplete_single",
+    required: true,
+    type: "choice:single",
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      component: "AutoComplete",
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "image",
+    type: "image",
+    required: true,
+    label: {
+      primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5"
+    }
+  },
+  {
+    key: "file",
+    type: "file",
+    label: {
+      primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2"
+    },
+    required: true
+  }
+];
+const scenarios = [
+  {
+    title: "success fill for inputs",
+    describe: "inputs scenario",
+    fields: INPUTS_FIELDS,
+    fill: [
+      {
+        fieldKey: "date-example",
+        value: {
+          day: "22",
+          month: "11",
+          year: "2020"
+        }
+      },
+      {
+        fieldKey: "otp",
+        value: {
+          "0": "4",
+          "1": "4",
+          "2": "4",
+          "3": "4",
+          "4": "4",
+          "5": "4"
+        }
+      },
+      {
+        fieldKey: "checkbox",
+        value: ["fever", "fatigue"]
+      },
+      {
+        fieldKey: "autocomplete_multiple",
+        value: ["fever", "fatigue"]
+      },
+      {
+        fieldKey: "radio",
+        value: "fever"
+      },
+      {
+        fieldKey: "select",
+        value: "fatigue"
+      },
+      {
+        fieldKey: "autocomplete_single",
+        value: "fatigue"
+      },
+      {
+        fieldKey: "image",
+        value: {
+          fileName: "green_image.png",
+          width: 500,
+          height: 500,
+          size: 3
+        }
+      },
+      {
+        fieldKey: "file",
+        value: {
+          fileName: "file.txt",
+          size: 200
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "success",
+        fieldKey: "date-example",
+        text: el.form.error.date.invalid
+      },
+      {
+        type: "success",
+        fieldKey: "otp",
+        args: {
+          maxLength: 6
+        },
+        text: el.form.error.otp.less_than
+      },
+      {
+        type: "success",
+        fieldKey: "checkbox",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "autocomplete_multiple",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "radio",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "select",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "autocomplete_single",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "image",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "file",
+        text: el.form.error.required
+      }
+    ]
+  },
+  {
+    title: "empty fill for inputs",
+    describe: "inputs scenario",
+    fields: INPUTS_FIELDS,
+    fill: [],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "date-example",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "otp",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "checkbox",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "autocomplete_multiple",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "radio",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "select",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "autocomplete_single",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "image",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "file",
+        text: el.form.error.required
+      }
+    ]
+  },
+  {
+    title: "incorrect types for DateInput and OtpInput",
+    describe: "inputs scenario",
+    fields: [
+      {
+        key: "date-example",
+        type: "date",
+        required: true,
+        label: {
+          primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;",
+          secondary: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"
+        }
+      },
+      {
+        key: "otp",
+        type: "otp",
+        maxLength: 6,
+        label: {
+          primary: "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"
+        },
+        required: true
+      }
+    ],
+    fill: [
+      {
+        fieldKey: "date-example",
+        value: {
+          day: "a2",
+          month: "11",
+          year: "2020"
+        }
+      },
+      {
+        fieldKey: "otp",
+        value: {
+          "0": "a",
+          "1": "4",
+          "2": "4",
+          "3": "4",
+          "4": "4",
+          "5": "4"
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "date-example",
+        text: el.form.error.date.invalid
+      },
+      {
+        type: "error",
+        fieldKey: "otp",
+        args: {
+          maxLength: 6
+        },
+        text: el.form.error.otp.less_than
+      }
+    ]
+  },
+  {
+    title: "wrong sizes for ImageInput and FileInput",
+    describe: "inputs scenario",
+    fields: [
+      {
+        key: "image",
+        type: "image",
+        required: true,
+        label: {
+          primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5"
+        },
+        extra: {
+          limit: {
+            maxSize: 300
+          }
+        }
+      },
+      {
+        key: "file",
+        type: "file",
+        required: true,
+        label: {
+          primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2"
+        },
+        extra: {
+          limit: {
+            maxSize: 300
+          }
+        }
+      }
+    ],
+    fill: [
+      {
+        fieldKey: "image",
+        value: {
+          fileName: "green_image.png",
+          size: 300
+        }
+      },
+      {
+        fieldKey: "file",
+        value: {
+          fileName: "file.txt",
+          size: 200
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "image",
+        args: {
+          maxSizeToMb: 3e-4
+        },
+        text: el.form.error.file_size
+      },
+      {
+        type: "error",
+        fieldKey: "file",
+        args: {
+          maxSizeToMb: 3e-4
+        },
+        text: el.form.error.file_size
+      }
+    ]
+  },
+  {
+    title: "wrong dimensions for ImageInput",
+    describe: "inputs scenario",
+    fields: [
+      {
+        key: "image",
+        type: "image",
+        required: true,
+        label: {
+          primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5"
+        },
+        extra: {
+          limit: {
+            maxHeight: 400,
+            maxWidth: 400,
+            minHeight: 100,
+            minWidth: 100
+          }
+        }
+      }
+    ],
+    fill: [
+      {
+        fieldKey: "image",
+        value: {
+          fileName: "green_image.png",
+          width: 500,
+          height: 500
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "image",
+        args: {
+          minWidth: 100,
+          minHeight: 100,
+          maxWidth: 400,
+          maxHeight: 400
+        },
+        text: el.form.error.image.image_dimension_size
+      }
+    ]
+  }
+];
+var inputsScenarios_default = scenarios;
+export {
+  INPUTS_FIELDS,
+  inputsScenarios_default as default,
+  scenarios
+};
+//# sourceMappingURL=inputsScenarios.js.map

package/inputs/inputsScenarios/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/inputs/inputsScenarios/index.js"
+}