test(validators): unit tests

Author: alvarosabu

jest.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   moduleFileExtensions: ['js', 'jsx', 'ts', 'json', 'vue'],
+  verbose: true,
 
   transform: {
     '^.+\\.vue$': 'vue-jest',
@@ -30,5 +31,5 @@ module.exports = {
     'jest-watch-typeahead/testname',
   ],
   collectCoverage: true,
-  collectCoverageFrom: ['<rootDir>/src/**/*.vue'],
+  collectCoverageFrom: ['<rootDir>/src/**/*.(vue|ts)'],
 };

src/core/factories.ts

@@ -66,8 +66,8 @@ export const TextField = ({
 
 export const TextAreaField = ({
   value,
-  cols,
-  rows,
+  cols = 20,
+  rows = 3,
   ...rest
 }: Partial<TextAreaInput>): TextAreaInput => ({
   ...FieldBase(rest),

src/core/utils/validators.spec.ts

@@ -0,0 +1,198 @@
+import {
+  isEmptyInputValue,
+  required,
+  min,
+  max,
+  email,
+  url,
+  minLength,
+  maxLength,
+  pattern,
+} from './validators';
+
+describe('Validators', () => {
+  test('isEmptyInputValue should return true if value is null', () => {
+    const value = null;
+    const validation = isEmptyInputValue(value);
+    expect(validation).toBeTruthy();
+  });
+
+  test('isEmptyInputValue should return true if value is empty string', () => {
+    const value = '';
+    const validation = isEmptyInputValue(value);
+    expect(validation).toBeTruthy();
+  });
+
+  test('isEmptyInputValue should return true if value is null', () => {
+    const value = null;
+    const validation = isEmptyInputValue(value);
+    expect(validation).toBeTruthy();
+  });
+
+  test('required should return true if value is empty', () => {
+    const value = null;
+    const validation = required(value);
+    expect(validation.required).toBeTruthy();
+  });
+
+  test('required should return null if value is valid', () => {
+    const value = 'Awiwi';
+    const validation = required(value);
+    expect(validation.required).toBeNull();
+  });
+
+  test('min should return null if value is empty', () => {
+    const minValue = 4;
+    const value = null;
+    const validation = min(minValue)(value);
+    expect(validation.min).toBeNull();
+  });
+
+  test('min should return null if value is greater than minValue', () => {
+    const minValue = 4;
+    const value = 8;
+    const validation = min(minValue)(value);
+    expect(validation.min).toBeNull();
+  });
+
+  test('min should return true if value is less than minValue', () => {
+    const minValue = 4;
+    const value = 3;
+    const validation = min(minValue)(value);
+    expect(validation.min).toStrictEqual({ min: minValue, actual: value });
+  });
+
+  test('max should return null if value is empty', () => {
+    const maxValue = 4;
+    const value = null;
+    const validation = max(maxValue)(value);
+    expect(validation.max).toBeNull();
+  });
+
+  test('max should return null if value is greater than maxValue', () => {
+    const maxValue = 4;
+    const value = 3;
+    const validation = max(maxValue)(value);
+    expect(validation.max).toBeNull();
+  });
+
+  test('max should return true if value is less than maxValue', () => {
+    const maxValue = 4;
+    const value = 8;
+    const validation = max(maxValue)(value);
+    expect(validation.max).toStrictEqual({ max: maxValue, actual: value });
+  });
+
+  test('email should return true if value is empty', () => {
+    const value = null;
+    const validation = email(value);
+    expect(validation.email).toBeNull();
+  });
+
+  test('email should return true if value is invalid', () => {
+    const value = 'hola.com';
+    const validation = email(value);
+    expect(validation.email).toBeTruthy();
+  });
+
+  test('email should return null if value is valid', () => {
+    const value = '[email protected]';
+    const validation = email(value);
+    expect(validation.email).toBeNull();
+  });
+
+  test('url should return true if value is empty', () => {
+    const value = null;
+    const validation = url(value);
+    expect(validation.url).toBeNull();
+  });
+
+  test('url should return true if value is invalid', () => {
+    const value = 'ftp://hola.com';
+    const validation = url(value);
+    expect(validation.url).toBeTruthy();
+  });
+
+  test('url should return null if value is valid', () => {
+    const value = 'https://alvarosaburido.dev/blog';
+    const validation = url(value);
+    expect(validation.url).toBeNull();
+  });
+
+  test('minLength should return null if value is empty', () => {
+    const minLengthValue = 4;
+    const value = null;
+    const validation = minLength(minLengthValue)(value);
+    expect(validation.minLength).toBeNull();
+  });
+
+  test('minLength should return null if value is shorter than minLengthValue', () => {
+    const minLengthValue = 4;
+    const value = 'arepa ipsum';
+    const validation = minLength(minLengthValue)(value);
+    expect(validation.minLength).toBeNull();
+  });
+
+  test('minLength should return true if value is longer than minLengthValue', () => {
+    const minLengthValue = 4;
+    const value = 'awi';
+    const validation = minLength(minLengthValue)(value);
+    expect(validation.minLength).toStrictEqual({
+      requiredLength: minLengthValue,
+      actualLength: value.length,
+    });
+  });
+
+  test('maxLength should return null if value is empty', () => {
+    const maxLengthValue = 4;
+    const value = null;
+    const validation = maxLength(maxLengthValue)(value);
+    expect(validation.maxLength).toBeNull();
+  });
+
+  test('maxLength should return null if value is longer than maxLengthValue', () => {
+    const maxLengthValue = 4;
+    const value = 'awi';
+    const validation = maxLength(maxLengthValue)(value);
+    expect(validation.maxLength).toBeNull();
+  });
+
+  test('maxLength should return true if value is shorter than maxLengthValue', () => {
+    const maxLengthValue = 4;
+    const value = 'arepa ipsum';
+
+    const validation = maxLength(maxLengthValue)(value);
+    expect(validation.maxLength).toStrictEqual({
+      requiredLength: maxLengthValue,
+      actualLength: value.length,
+    });
+  });
+
+  test('pattern should return true if value is empty', () => {
+    const value = null;
+    const validation = pattern(
+      '^(?=.*[a-z])(?=.*[A-Z])(?=.*)(?=.*[#$^+=!*()@%&]).{8,12}$',
+    )(value);
+    expect(validation.pattern).toBeNull();
+  });
+
+  test('pattern should return true if value is invalid', () => {
+    const value = 'abcd1234';
+    const validation = pattern(
+      '^(?=.*[a-z])(?=.*[A-Z])(?=.*)(?=.*[#$^+=!*()@%&]).{8,12}$',
+    )(value);
+    expect(validation.pattern).toStrictEqual({
+      actualValue: value,
+      requiredPattern:
+        '^(?=.*[a-z])(?=.*[A-Z])(?=.*)(?=.*[#$^+=!*()@%&]).{8,12}$',
+    });
+  });
+
+  test('pattern should return null if value is valid', () => {
+    const value = 'Abcd@1234';
+    const validation = pattern(
+      '^(?=.*[a-z])(?=.*[A-Z])(?=.*)(?=.*[#$^+=!*()@%&]).{8,12}$',
+    )(value);
+    expect(validation.pattern).toBeNull();
+  });
+});