@plone/volto 18.0.0-alpha.9 → 18.0.0

package/src/helpers/FormValidation/FormValidation.test.js

@@ -1,5 +1,7 @@
 import FormValidation from './FormValidation';
 import { messages } from '../MessageLabels/MessageLabels';
+import config from '@plone/volto/registry';
+import { urlValidator } from './validators';
 
 const schema = {
   properties: {
@@ -54,7 +56,7 @@ describe('FormValidation', () => {
       expect(FormValidation.validateFieldsPerFieldset()).toEqual({});
     });
 
-    it('validates missing required', () => {
+    it('required - validates missing', () => {
       expect(
         FormValidation.validateFieldsPerFieldset({
           schema,
@@ -66,7 +68,7 @@ describe('FormValidation', () => {
       });
     });
 
-    it('do not treat 0 as missing required value', () => {
+    it('required - do not treat 0 as missing required value', () => {
       let newSchema = {
         ...schema,
         properties: {
@@ -98,7 +100,7 @@ describe('FormValidation', () => {
       ).toEqual({});
     });
 
-    it('validates incorrect email', () => {
+    it('email - validates incorrect', () => {
       expect(
         FormValidation.validateFieldsPerFieldset({
           schema,
@@ -110,7 +112,7 @@ describe('FormValidation', () => {
       });
     });
 
-    it('validates correct email', () => {
+    it('email - validates', () => {
       formData.email = 'test@domain.name';
       expect(
         FormValidation.validateFieldsPerFieldset({
@@ -120,7 +122,8 @@ describe('FormValidation', () => {
         }),
       ).toEqual({});
     });
-    it('validates incorrect url', () => {
+
+    it('url - validates incorrect url', () => {
       formData.url = 'foo';
       expect(
         FormValidation.validateFieldsPerFieldset({
@@ -130,7 +133,8 @@ describe('FormValidation', () => {
         }),
       ).toEqual({ url: [messages.isValidURL.defaultMessage] });
     });
-    it('validates url', () => {
+
+    it('url - validates', () => {
       formData.url = 'https://plone.org/';
       expect(
         FormValidation.validateFieldsPerFieldset({
@@ -140,7 +144,8 @@ describe('FormValidation', () => {
         }),
       ).toEqual({});
     });
-    it('validates url with ip', () => {
+
+    it('url - validates url with ip', () => {
       formData.url = 'http://127.0.0.1:8080/Plone';
       expect(
         FormValidation.validateFieldsPerFieldset({
@@ -150,7 +155,8 @@ describe('FormValidation', () => {
         }),
       ).toEqual({});
     });
-    it('validates url with localhost', () => {
+
+    it('url - validates url with localhost', () => {
       formData.url = 'http://localhost:8080/Plone';
       expect(
         FormValidation.validateFieldsPerFieldset({
@@ -160,5 +166,827 @@ describe('FormValidation', () => {
         }),
       ).toEqual({});
     });
+
+    it('widget - validator from block - Fails', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+            widget: 'url',
+          },
+        },
+        required: [],
+      };
+
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isValidURL.defaultMessage],
+      });
+    });
+
+    it('type + widget - validator from block - Fails', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+            type: 'customfieldtype',
+            widget: 'url',
+          },
+        },
+        required: [],
+      };
+      config.registerUtility({
+        type: 'validator',
+        name: 'alwaysFail',
+        dependencies: { fieldType: 'customfieldtype' },
+        method: () => 'Fails',
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: ['Fails', messages.isValidURL.defaultMessage],
+      });
+    });
+
+    it('widget - validator from content type set - Fails', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+            widgetOptions: {
+              frontendOptions: {
+                widget: 'url',
+              },
+            },
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isValidURL.defaultMessage],
+      });
+    });
+
+    it('string - min lenght', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'password',
+            description: '',
+            minLength: '8',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.minLength.defaultMessage],
+      });
+    });
+
+    it('string - max lenght', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'password',
+            description: '',
+            maxLength: '8',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asdasdasdasdasd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.maxLength.defaultMessage],
+      });
+    });
+
+    it('string - pattern - Fail', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'password',
+            description: '',
+            pattern: '^[a-zA-Z0-9]*$',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'as#',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.pattern.defaultMessage],
+      });
+    });
+
+    it('string - pattern - Succeeds', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'password',
+            description: '',
+            pattern: '^[a-zA-Z0-9]*$',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asasd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    it('number - isNumber - fails (not string|number as number)', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Number field',
+            type: 'number',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            //since 'number' can accept digits in string & number format hence testing it with an alphabet
+            customField: 'n',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isNumber.defaultMessage],
+      });
+    });
+
+    it('number - isNumber - as string', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Number field',
+            type: 'number',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            //since 'number' can accept digits in string & number format hence testing it with an alphabet
+            customField: '1',
+          },
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    it('number - isNumber - as number', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Number field',
+            type: 'number',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            //since 'number' can accept digits in string & number format hence testing it with an alphabet
+            customField: 1,
+          },
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    it('number - minimum', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Number field',
+            type: 'number',
+            description: '',
+            minimum: 8,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 1,
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.minimum.defaultMessage],
+      });
+    });
+
+    it('number - maximum', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Number field',
+            type: 'number',
+            description: '',
+            maximum: 8,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 10,
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.maximum.defaultMessage],
+      });
+    });
+
+    it('integer - isInteger', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Integer field',
+            type: 'integer',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 1.5,
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isInteger.defaultMessage],
+      });
+    });
+
+    it('integer - minimum', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Integer field',
+            type: 'integer',
+            description: '',
+            minimum: 8,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 1,
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.minimum.defaultMessage],
+      });
+    });
+
+    it('integer - maximum', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Integer field',
+            type: 'integer',
+            description: '',
+            maximum: 8,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 10,
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.maximum.defaultMessage],
+      });
+    });
+
+    it('password - min lenght', () => {
+      let newSchema = {
+        ...schema,
+        properties: {
+          ...schema.properties,
+          password: {
+            title: 'password',
+            type: 'password',
+            description: '',
+            minLength: '8',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: { username: 'test username', password: 'asd' },
+          formatMessage,
+        }),
+      ).toEqual({
+        password: [messages.minLength.defaultMessage],
+      });
+    });
+
+    it('password - max lenght', () => {
+      let newSchema = {
+        ...schema,
+        properties: {
+          ...schema.properties,
+          password: {
+            title: 'password',
+            type: 'password',
+            description: '',
+            maxLength: '8',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: { username: 'test username', password: 'asdasdasdasdasd' },
+          formatMessage,
+        }),
+      ).toEqual({
+        password: [messages.maxLength.defaultMessage],
+      });
+    });
+
+    it('array - maxItems', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Array field',
+            type: 'array',
+            description: '',
+            maxItems: 1,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: [1, 2],
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.maxItems.defaultMessage],
+      });
+    });
+
+    it('array - minItems', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Array field',
+            type: 'array',
+            description: '',
+            minItems: 3,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: [1],
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.minItems.defaultMessage],
+      });
+    });
+
+    it('array - uniqueItems', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Array field',
+            type: 'array',
+            description: '',
+            uniqueItems: true,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: [1, 1],
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.uniqueItems.defaultMessage],
+      });
+    });
+
+    it('array - uniqueItems - false', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Array field',
+            type: 'array',
+            description: '',
+            uniqueItems: false,
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: [1, 1],
+          },
+          formatMessage,
+        }),
+      ).toEqual({});
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: [1],
+          },
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    it('format - specific validator set - Errors', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+            format: 'url',
+          },
+        },
+        required: [],
+      };
+      config.registerUtility({
+        type: 'validator',
+        name: 'url',
+        dependencies: { format: 'url' },
+        method: urlValidator,
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'foo',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isValidURL.defaultMessage],
+      });
+    });
+
+    it('format - specific validator set - Succeeds', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+            format: 'url',
+          },
+        },
+        required: [],
+      };
+      config.registerUtility({
+        type: 'validator',
+        name: 'url',
+        dependencies: { format: 'url' },
+        method: urlValidator,
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'https://plone.org/',
+          },
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    it('format - specific validator from content type set - Fails', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+            widgetOptions: {
+              frontendOptions: {
+                format: 'url',
+              },
+            },
+          },
+        },
+        required: [],
+      };
+      config.registerUtility({
+        type: 'validator',
+        name: 'url',
+        dependencies: { format: 'url' },
+        method: urlValidator,
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asdasd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isValidURL.defaultMessage],
+      });
+    });
+
+    it('format - specific validator from content type set - Succeeds', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+            widgetOptions: {
+              frontendOptions: {
+                format: 'url',
+              },
+            },
+          },
+        },
+        required: [],
+      };
+      config.registerUtility({
+        type: 'validator',
+        name: 'url',
+        dependencies: { format: 'url' },
+        method: urlValidator,
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'https://plone.org/',
+          },
+          formatMessage,
+        }),
+      ).toEqual({});
+    });
+
+    it('behavior + fieldName - Fails', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            behavior: 'plone.eventbasic',
+            title: 'Default field',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      config.registerUtility({
+        type: 'validator',
+        name: 'url',
+        dependencies: {
+          behaviorName: 'plone.eventbasic',
+          fieldName: 'customField',
+          format: 'url',
+        },
+        method: urlValidator,
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            username: 'test username',
+            customField: 'asd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isValidURL.defaultMessage],
+      });
+    });
+
+    it('behavior + fieldName - start date in Event - Fails', () => {
+      let contentTypeSchema = {
+        properties: {
+          ...schema.properties,
+          start: {
+            behavior: 'plone.eventbasic',
+            type: 'string',
+            title: 'Start date',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: contentTypeSchema,
+          formData: {
+            start: '2024-08-01T11:00:00+00:00',
+            end: '2024-04-01T11:00:00+00:00',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        start: [messages.startEventRange.defaultMessage],
+      });
+    });
+
+    it('behavior + fieldName - end date in Event - Fails', () => {
+      let contentTypeSchema = {
+        properties: {
+          ...schema.properties,
+          end: {
+            behavior: 'plone.eventbasic',
+            type: 'string',
+            title: 'End date',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: contentTypeSchema,
+          formData: {
+            start: '2024-08-01T11:00:00+00:00',
+            end: '2024-04-01T11:00:00+00:00',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        end: [messages.endEventRange.defaultMessage],
+      });
+    });
+
+    it('block - per block type and fieldID specific - Fails', () => {
+      let newSchema = {
+        properties: {
+          ...schema.properties,
+          customField: {
+            title: 'Default field',
+            description: '',
+          },
+        },
+        required: [],
+      };
+      config.registerUtility({
+        type: 'validator',
+        dependencies: { blockType: 'slider', fieldName: 'customField' },
+        method: urlValidator,
+      });
+      expect(
+        FormValidation.validateFieldsPerFieldset({
+          schema: newSchema,
+          formData: {
+            '@type': 'slider',
+            username: 'test username',
+            customField: 'asd',
+          },
+          formatMessage,
+        }),
+      ).toEqual({
+        customField: [messages.isValidURL.defaultMessage],
+      });
+    });
   });
 });