/* * Squidex Headless CMS * * @license * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved. */ import { DateHelper } from '@app/framework'; import { createProperties, DateTime, FieldDefaultValue, FieldFormatter, FieldsValidators, HtmlValue } from '@app/shared/internal'; import { TestValues } from './_test-helpers'; const { createField, } = TestValues; const now = DateTime.parseISO('2017-10-12T16:30:10Z'); describe('ArrayField', () => { const field = createField({ properties: createProperties('Array', { isRequired: true, minItems: 1, maxItems: 5 }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(2); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to plural count for many items', () => { expect(FieldFormatter.format(field, [1, 2, 3])).toBe('3 Items'); }); it('should format to plural count for single item', () => { expect(FieldFormatter.format(field, [1])).toBe('1 Item'); }); it('should return zero formatting if other type', () => { expect(FieldFormatter.format(field, 1)).toBe('0 Items'); }); it('should return default value as null', () => { expect(FieldDefaultValue.get(field, 'iv')).toBeNull(); }); }); describe('AssetsField', () => { const field = createField({ properties: createProperties('Assets', { isRequired: true, minItems: 1, maxItems: 5 }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(3); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to plural count for many items', () => { expect(FieldFormatter.format(field, [1, 2, 3])).toBe('3 Assets'); }); it('should format to plural count for single item', () => { expect(FieldFormatter.format(field, [1])).toBe('1 Asset'); }); it('should return zero formatting if other type', () => { expect(FieldFormatter.format(field, 1)).toBe('0 Assets'); }); it('should return default value from properties', () => { const field2 = createField({ properties: createProperties('Assets', { defaultValue: ['1', '2'] }) }); expect(FieldDefaultValue.get(field2, 'iv')).toEqual(['1', '2']); }); it('should override default value from localizable properties', () => { const field2 = createField({ properties: createProperties('Assets', { defaultValue: ['1', '2'], defaultValues: { iv: null } }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeNull(); }); }); describe('ComponentField', () => { const field = createField({ properties: createProperties('Component', { isRequired: true }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(1); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to constant', () => { expect(FieldFormatter.format(field, {})).toBe('{ Component }'); }); it('should return default value as null', () => { expect(FieldDefaultValue.get(field, 'iv')).toBeNull(); }); }); describe('ComponentsField', () => { const field = createField({ properties: createProperties('Components', { isRequired: true, minItems: 1, maxItems: 5 }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(2); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to plural count for many items', () => { expect(FieldFormatter.format(field, [1, 2, 3])).toBe('3 Components'); }); it('should format to plural count for single item', () => { expect(FieldFormatter.format(field, [1])).toBe('1 Component'); }); it('should return zero formatting if other type', () => { expect(FieldFormatter.format(field, 1)).toBe('0 Components'); }); it('should return default value as null', () => { expect(FieldDefaultValue.get(field, 'iv')).toBeNull(); }); }); describe('BooleanField', () => { const field = createField({ properties: createProperties('Boolean', { editor: 'Checkbox', isRequired: true }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(1); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to Yes if true', () => { expect(FieldFormatter.format(field, true)).toBe('Yes'); }); it('should format to No if false', () => { expect(FieldFormatter.format(field, false)).toBe('No'); }); it('should return default value from properties', () => { const field2 = createField({ properties: createProperties('Boolean', { editor: 'Checkbox', defaultValue: true }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeTruthy(); }); it('should override default value from localizable properties', () => { const field2 = createField({ properties: createProperties('Boolean', { defaultValue: true, defaultValues: { iv: null } }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeNull(); }); }); describe('DateTimeField', () => { const field = createField({ properties: createProperties('DateTime', { editor: 'DateTime', isRequired: true }) }); beforeEach(() => { DateHelper.setlocale(null); }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(1); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to input if parsing failed', () => { expect(FieldFormatter.format(field, true)).toBe(true); }); it('should format old format to date', () => { const dateField = createField({ properties: createProperties('DateTime', { editor: 'Date' }) }); expect(FieldFormatter.format(dateField, '2017-12-12')).toBe('12/12/2017'); }); it('should format datetime to date', () => { const dateField = createField({ properties: createProperties('DateTime', { editor: 'Date' }) }); expect(FieldFormatter.format(dateField, '2017-12-12T16:00:00Z')).toBe('12/12/2017'); }); it('should format date to date', () => { const dateField = createField({ properties: createProperties('DateTime', { editor: 'Date' }) }); expect(FieldFormatter.format(dateField, '2017-12-12T00:00:00Z')).toBe('12/12/2017'); }); it('should return default from properties value', () => { const field2 = createField({ properties: createProperties('DateTime', { editor: 'DateTime', defaultValue: '2017-10-12T16:00:00Z' }) }); expect(FieldDefaultValue.get(field2, 'iv')).toEqual('2017-10-12T16:00:00Z'); }); it('should override default value from localizable properties', () => { const field2 = createField({ properties: createProperties('DateTime', { defaultValue: '2017-10-12T16:00:00Z', defaultValues: { iv: null } }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeNull(); }); it('should return default from Today', () => { const field2 = createField({ properties: createProperties('DateTime', { editor: 'DateTime', calculatedDefaultValue: 'Today' }) }); expect(FieldDefaultValue.get(field2, 'iv', now)).toEqual('2017-10-12T00:00:00Z'); }); it('should return default value from Today', () => { const field2 = createField({ properties: createProperties('DateTime', { editor: 'DateTime', calculatedDefaultValue: 'Now' }) }); expect(FieldDefaultValue.get(field2, 'iv', now)).toEqual('2017-10-12T16:30:10Z'); }); if (isUtc()) { it('should format to date time', () => { const field2 = createField({ properties: createProperties('DateTime', { editor: 'DateTime' }) }); expect(FieldFormatter.format(field2, '2017-12-12T16:00:00Z')).toBe('12/12/2017, 4:00:00 PM'); }); } }); describe('GeolocationField', () => { const field = createField({ properties: createProperties('Geolocation', { isRequired: true }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(1); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to latitude and longitude', () => { expect(FieldFormatter.format(field, { latitude: 42, longitude: 3.14 })).toBe('3.14, 42'); }); it('should return default value as null', () => { expect(FieldDefaultValue.get(field, 'iv')).toBeNull(); }); }); describe('JsonField', () => { const field = createField({ properties: createProperties('Json', { isRequired: true }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(1); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to constant', () => { expect(FieldFormatter.format(field, {})).toBe(''); }); it('should return default value as null', () => { expect(FieldDefaultValue.get(field, 'iv')).toBeNull(); }); }); describe('NumberField', () => { const field = createField({ properties: createProperties('Number', { isRequired: true, minValue: 1, maxValue: 6, allowedValues: [1, 3] }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(3); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to number', () => { expect(FieldFormatter.format(field, 42)).toEqual('42'); }); it('should format to stars if html allowed', () => { const field2 = createField({ properties: createProperties('Number', { editor: 'Stars' }) }); expect(FieldFormatter.format(field2, 3)).toEqual(new HtmlValue('★ ★ ★ ')); }); it('should format to short star view for many stars', () => { const field2 = createField({ properties: createProperties('Number', { editor: 'Stars' }) }); expect(FieldFormatter.format(field2, 42)).toEqual(new HtmlValue('★ 42')); }); it('should format to short star view for no stars', () => { const field2 = createField({ properties: createProperties('Number', { editor: 'Stars' }) }); expect(FieldFormatter.format(field2, 0)).toEqual(new HtmlValue('★ 0')); }); it('should format to short star view for negative stars', () => { const field2 = createField({ properties: createProperties('Number', { editor: 'Stars' }) }); expect(FieldFormatter.format(field2, -13)).toEqual(new HtmlValue('★ -13')); }); it('should not format to stars if html not allowed', () => { const field2 = createField({ properties: createProperties('Number', { editor: 'Stars' }) }); expect(FieldFormatter.format(field2, 3, false)).toEqual('3'); }); it('should return default value from properties', () => { const field2 = createField({ properties: createProperties('Number', { defaultValue: 13 }) }); expect(FieldDefaultValue.get(field2, 'iv')).toEqual(13); }); it('should override default value from localizable properties', () => { const field2 = createField({ properties: createProperties('Number', { defaultValue: 13, defaultValues: { iv: null } }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeNull(); }); }); describe('ReferencesField', () => { const field = createField({ properties: createProperties('References', { editor: 'List', isRequired: true, minItems: 1, maxItems: 5 }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(3); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to plural count for many items', () => { expect(FieldFormatter.format(field, [1, 2, 3])).toBe('3 References'); }); it('should format to plural count for single item', () => { expect(FieldFormatter.format(field, [1])).toBe('1 Reference'); }); it('should return zero formatting if other type', () => { expect(FieldFormatter.format(field, 1)).toBe('0 References'); }); it('should return default value from properties', () => { const field2 = createField({ properties: createProperties('References', { defaultValue: ['1', '2'] }) }); expect(FieldDefaultValue.get(field2, 'iv')).toEqual(['1', '2']); }); it('should override default value from localizable properties', () => { const field2 = createField({ properties: createProperties('References', { defaultValue: ['1', '2'], defaultValues: { iv: null } }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeNull(); }); }); describe('StringField', () => { const field = createField({ properties: createProperties('String', { isRequired: true, pattern: 'pattern', minLength: 1, maxLength: 5, allowedValues: ['a', 'b'] }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(4); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to string', () => { expect(FieldFormatter.format(field, 'hello')).toBe('hello'); }); it('should format to preview image', () => { const field2 = createField({ properties: createProperties('String', { editor: 'StockPhoto' }) }); expect(FieldFormatter.format(field2, 'https://images.unsplash.com/123?x', true)).toEqual(new HtmlValue('')); }); it('should not format to preview image if html not allowed', () => { const field2 = createField({ properties: createProperties('String', { editor: 'StockPhoto' }) }); expect(FieldFormatter.format(field2, 'https://images.unsplash.com/123?x', false)).toBe('https://images.unsplash.com/123?x'); }); it('should not format to preview image if not unsplash image', () => { const field2 = createField({ properties: createProperties('String', { editor: 'StockPhoto' }) }); expect(FieldFormatter.format(field2, 'https://images.com/123?x', true)).toBe('https://images.com/123?x'); }); it('should return default value from properties', () => { const field2 = createField({ properties: createProperties('String', { defaultValue: 'MyDefault' }) }); expect(FieldDefaultValue.get(field2, 'iv')).toEqual('MyDefault'); }); it('should override default value from localizable properties', () => { const field2 = createField({ properties: createProperties('String', { defaultValue: 'MyDefault', defaultValues: { iv: null } }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeNull(); }); }); describe('TagsField', () => { const field = createField({ properties: createProperties('Tags', { isRequired: true, minItems: 1, maxItems: 5 }) }); it('should create validators', () => { expect(FieldsValidators.create(field, false).length).toBe(2); }); it('should format to empty string if null', () => { expect(FieldFormatter.format(field, null)).toBe(''); }); it('should format to asset count', () => { expect(FieldFormatter.format(field, ['hello', 'squidex', 'cms'])).toBe('hello, squidex, cms'); }); it('should return zero formatting if other type', () => { expect(FieldFormatter.format(field, 1)).toBe(''); }); it('should return default value from properties', () => { const field2 = createField({ properties: createProperties('Tags', { defaultValue: ['1', '2'] }) }); expect(FieldDefaultValue.get(field2, 'iv')).toEqual(['1', '2']); }); it('should override default value from localizable properties', () => { const field2 = createField({ properties: createProperties('Tags', { defaultValue: ['1', '2'], defaultValues: { iv: null } }) }); expect(FieldDefaultValue.get(field2, 'iv')).toBeNull(); }); }); function isUtc() { return new Date().getTimezoneOffset() === 0; }