@wirenboard/json-editor 2.5.3-wb13

package/tests/unit/core.spec.js

@@ -0,0 +1,309 @@
+/* global describe beforeEach afterEach it expect Event */
+
+/*
+Stub test file
+TODO: Write unit tests for all interfaces
+*/
+import { JSONEditor } from '../../src/core'
+import someTypes from '../fixtures/some_types.json'
+import nestedObject from '../fixtures/nested_object.json'
+
+const schema = {
+  type: 'object',
+  properties: {
+    name: { type: 'string' }
+  }
+}
+
+describe('JSONEditor', function () {
+  let element
+  let editor
+
+  // inject the HTML fixture for the tests
+  beforeEach(() => {
+    const fixture = '<div id="fixture"></div>'
+
+    document.body.insertAdjacentHTML('afterbegin', fixture)
+    element = document.getElementById('fixture')
+  })
+
+  // remove the html fixture from the DOM
+  afterEach(() => {
+    document.body.removeChild(document.getElementById('fixture'))
+  })
+
+  it('should create an editor', () => {
+    console.log('Attempting to create new JSONEditor')
+    editor = new JSONEditor(element, { schema: schema })
+    expect(editor).toBeTruthy()
+  })
+
+  it('can add custom iconlib', () => {
+    const customMapping = {
+      collapse: 'key-down',
+      expand: 'key-right',
+      delete: 'trash',
+      edit: 'edit',
+      add: 'add',
+      subtract: 'minus',
+      cancel: 'check-circled',
+      save: 'create-file',
+      moveup: 'arrow-up',
+      moveright: 'arrow-right',
+      movedown: 'arrow-down',
+      moveleft: 'arrow-left',
+      copy: 'copy',
+      clear: 'close',
+      time: 'time',
+      calendar: 'calendar',
+      edit_properties: 'settings'
+    }
+    const customIconPrefix = 'mr-1 text-xl ki-'
+
+    class CustomIconLib extends JSONEditor.AbstractIconLib {
+      constructor () {
+        super()
+        this.mapping = customMapping
+        this.icon_prefix = customIconPrefix
+      }
+    }
+    JSONEditor.defaults.iconlibs.myCustom = CustomIconLib
+    editor = new JSONEditor(element, { schema: schema, iconlib: 'myCustom' })
+    expect(editor.iconlib.icon_prefix).toBe(customIconPrefix)
+  })
+
+  it('can add custom theme', () => {
+    class CustomTheme extends JSONEditor.AbstractTheme {}
+    CustomTheme.rules = { '.slider:focus': 'box-shadow:none' }
+    JSONEditor.defaults.themes.myCustom = CustomTheme
+    editor = new JSONEditor(element, { schema: schema, theme: 'myCustom' })
+    expect(editor.theme).toBeTruthy()
+  })
+
+  it('can add custom theme (no custom css rules)', () => {
+    class CustomTheme extends JSONEditor.AbstractTheme {}
+    JSONEditor.defaults.themes.myCustom2 = CustomTheme
+    editor = new JSONEditor(element, { schema: schema, theme: 'myCustom2' })
+    expect(editor.theme).toBeTruthy()
+  })
+
+  it('can add custom editor', () => {
+    class CustomEditor extends JSONEditor.AbstractEditor {}
+    JSONEditor.defaults.editors.custom = CustomEditor
+    JSONEditor.defaults.resolvers.unshift((schema) => {
+      if (schema.type === 'object' && schema.format === 'custom') {
+        return 'custom'
+      }
+    })
+    const schema = {
+      type: 'object',
+      format: 'custom',
+      properties: {
+        name: { type: 'string' }
+      }
+    }
+    editor = new JSONEditor(element, { schema: schema })
+    expect(editor).toBeTruthy()
+  })
+
+  describe('max_depth option', () => {
+    it('should create an editor (schema with recursion on object properties)', () => {
+      editor = new JSONEditor(element, {
+        schema: {
+          definitions: {
+            bar: {
+              type: 'object',
+              properties: {
+                foo: {
+                  $ref: '#/definitions/bar'
+                }
+              }
+            }
+          },
+          type: 'object',
+          properties: {
+            foo: {
+              $ref: '#/definitions/bar'
+            }
+          }
+        },
+        max_depth: 4
+      })
+      expect(editor).toBeTruthy()
+      expect(editor.getValue()).toEqual({
+        foo: {
+          foo: {
+            foo: {
+              foo: {}
+            }
+          }
+        }
+      })
+    })
+
+    it('with max_depth that stops on level with enum as object property', () => {
+      const depthWithEnum = 2
+
+      editor = new JSONEditor(element, {
+        schema: {
+          type: 'object',
+          properties: {
+            field_on_level_one: {
+              type: 'object',
+              properties: {
+                propertyWithEnum: {
+                  type: 'string',
+                  enum: ['foo', 'bar'],
+                  default: 'bar'
+                },
+                something_else: {
+                  type: 'object',
+                  properties: {
+                    some_field: {
+                      type: 'string',
+                      default: 'i will be ignored'
+                    }
+                  }
+                }
+              }
+            }
+          }
+        },
+        max_depth: depthWithEnum
+      })
+      expect(editor).toBeTruthy()
+      expect(editor.getValue()).toEqual({
+        field_on_level_one: {
+          propertyWithEnum: 'bar',
+          something_else: {}
+        }
+      })
+    })
+
+    it('with max_depth equals to 0 renders all schema', () => {
+      editor = new JSONEditor(element, {
+        schema: nestedObject,
+        max_depth: 0
+      })
+      expect(editor).toBeTruthy()
+      expect(editor.getValue()).toEqual({ foo1: { foo2: { foo3: { foo4: { bar: 'end schema' } } } } })
+    })
+
+    it('renders all schema as default', () => {
+      editor = new JSONEditor(element, {
+        schema: nestedObject
+      })
+      expect(editor).toBeTruthy()
+      expect(editor.getValue()).toEqual({ foo1: { foo2: { foo3: { foo4: { bar: 'end schema' } } } } })
+    })
+  })
+
+  describe('use_default_values', () => {
+    describe('false', () => {
+      it('do not auto-set default values', () => {
+        editor = new JSONEditor(element, {
+          schema: someTypes,
+          use_default_values: false
+        })
+
+        expect(editor.getValue()).toEqual({
+          boolean: undefined,
+          enum: undefined,
+          integer: undefined,
+          number: undefined,
+          string: undefined,
+          object: {},
+          array: []
+        })
+      })
+
+      it('returns correct values on dirty input text fields', () => {
+        editor = new JSONEditor(element, {
+          schema: someTypes,
+          use_default_values: false
+        })
+
+        expect(editor.getValue()).toEqual({
+          boolean: undefined,
+          enum: undefined,
+          integer: undefined,
+          number: undefined,
+          string: undefined,
+          object: {},
+          array: []
+        })
+
+        fillField('root[integer]', 3)
+        fillField('root[number]', 4)
+        fillField('root[string]', 'foo')
+
+        expect(editor.getValue()).toEqual({
+          boolean: undefined,
+          enum: undefined,
+          integer: 3,
+          number: 4,
+          string: 'foo',
+          object: {},
+          array: []
+        })
+
+        fillField('root[integer]', '')
+        fillField('root[number]', '')
+        fillField('root[string]', '')
+
+        expect(editor.getValue()).toEqual({
+          boolean: undefined,
+          enum: undefined,
+          integer: undefined,
+          number: undefined,
+          string: '',
+          object: {},
+          array: []
+        })
+      })
+
+      it('returns default value from schema if set', () => {
+        editor = new JSONEditor(element, {
+          schema: {
+            type: 'object',
+            properties: {
+              string_with_default: { type: 'string', default: 'foobar' },
+              string_without_default: { type: 'string' },
+              enum_with_default: { type: 'string', enum: ['foobar', 'lorem'], default: 'foobar' },
+              enum_without_default: { type: 'string', enum: ['foobar', 'lorem'] }
+            }
+          },
+          use_default_values: false,
+          remove_empty_properties: true
+        })
+
+        expect(editor.getValue()).toEqual({
+          string_with_default: 'foobar',
+          enum_with_default: 'foobar'
+        })
+      })
+    })
+
+    it('true - auto-set default values based on type', () => {
+      editor = new JSONEditor(element, {
+        schema: someTypes,
+        use_default_values: true
+      })
+
+      expect(editor.getValue()).toEqual({
+        boolean: false,
+        enum: 'foo',
+        integer: 0,
+        number: 0,
+        string: '',
+        object: {},
+        array: []
+      })
+    })
+  })
+})
+
+function fillField (fieldName, value) {
+  document.querySelector(`[name="${fieldName}"]`).value = value
+  document.querySelector(`[name="${fieldName}"]`).dispatchEvent(new Event('change'))
+}

package/tests/unit/defaults.spec.js

@@ -0,0 +1,40 @@
+/* global describe beforeEach it expect */
+
+import { defaults } from '../../src/defaults'
+
+describe('defaults', () => {
+  it('should be an object', () => {
+    expect(typeof defaults).toBe('object')
+  })
+
+  it('should have standard properties defined', () => {
+    expect(typeof (defaults.themes)).toBe('object')
+    expect(typeof (defaults.templates)).toBe('object')
+    expect(typeof (defaults.iconlibs)).toBe('object')
+    expect(typeof (defaults.editors)).toBe('object')
+    expect(typeof (defaults.languages)).toBe('object')
+    expect(Array.isArray(defaults.resolvers)).toBe(true)
+    expect(Array.isArray(defaults.custom_validators)).toBe(true)
+  })
+})
+
+describe('languages test', () => {
+  beforeEach(() => {
+    defaults.languages.es = {
+      error_notset: 'propiedad debe existir'
+    }
+    defaults.language = 'es'
+  })
+
+  it('should translate other language', () => {
+    expect(defaults.translate('error_notset')).toBe('propiedad debe existir')
+  })
+
+  it('should return default message. if no translation', () => {
+    expect(defaults.translate('error_notempty')).toBe('Value required')
+  })
+
+  it('should return translation key for unknown translation string', () => {
+    expect(defaults.translate('unknown_message')).toBe('unknown_message')
+  })
+})

package/tests/unit/editor.spec.js

@@ -0,0 +1,160 @@
+/* global describe beforeEach afterEach it expect */
+
+import { JSONEditor } from '../../src/core'
+
+describe('Editor', () => {
+  let element
+  let editor
+
+  beforeEach(() => {
+    document.body.insertAdjacentHTML(
+      'afterbegin',
+      '<div id="fixture"></div>')
+    element = document.getElementById('fixture')
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  it('Primitive Editor start value test', () => {
+    editor = new JSONEditor(element, {
+      schema: {
+        title: 'integer',
+        type: 'integer',
+        maximum: '5',
+        exclusiveMaximum: false
+      },
+      startval: 5
+    })
+    expect(editor.getValue()).toBe(5)
+  })
+
+  it('Array start value test', () => {
+    editor = new JSONEditor(element, {
+      schema: {
+        type: 'array',
+        title: 'Checkboxes',
+        items: {
+          title: 'Rating',
+          type: 'integer',
+          maximum: '5',
+          exclusiveMaximum: false
+        }
+      },
+      startval: [1, 2, 3, 4, 5]
+    })
+    expect(JSON.stringify(editor.getValue())).toBe('[1,2,3,4,5]')
+  })
+
+  it('Starrating start value test', () => {
+    editor = new JSONEditor(element, {
+      schema: {
+        title: 'Rating',
+        type: 'integer',
+        format: 'rating',
+        maximum: '5',
+        exclusiveMaximum: false
+      },
+      startval: 5
+    })
+    expect(editor.root.value).toBe(5)
+  })
+
+  it('Starrating Array start value test', () => {
+    editor = new JSONEditor(element, {
+      schema: {
+        type: 'array',
+        title: 'Checkboxes',
+        items: {
+          title: 'Rating',
+          type: 'integer',
+          format: 'rating',
+          maximum: '5',
+          exclusiveMaximum: false
+        }
+      },
+      startval: [1, 2, 3, 4, 5]
+    })
+    expect(JSON.stringify(editor.getValue())).toBe('[1,2,3,4,5]')
+  })
+
+  it('oneOf Editor Test', () => {
+    editor = new JSONEditor(element, {
+      schema: {
+        type: 'object',
+        properties: {
+          one_or_many: {
+            oneOf: [
+              {
+                type: 'string'
+              },
+              {
+                type: 'array',
+                format: 'table',
+                items: {
+                  type: 'string'
+                }
+              }
+            ]
+          }
+        }
+      }
+    })
+    const e = editor.getEditor('root.one_or_many')
+    e.switchEditor(1)
+  })
+})
+
+const fixture = [
+  {
+    title: 'NumberEditor test',
+    schema: {
+      type: 'number'
+    },
+    input: '       123.45   ',
+    value: 123.45
+  },
+  {
+    title: 'NumberEditor test (invalid value)',
+    schema: {
+      type: 'number'
+    },
+    input: '12-12',
+    value: '12-12'
+  },
+  {
+    title: 'Integer test',
+    schema: {
+      type: 'integer'
+    },
+    input: '       123   ',
+    value: 123
+  }
+]
+
+describe('Number Editor', () => {
+  let element
+  let editor
+
+  beforeEach(() => {
+    document.body.insertAdjacentHTML(
+      'afterbegin',
+      '<div id="fixture"></div>')
+    element = document.getElementById('fixture')
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  fixture.forEach(spec => {
+    it(spec.title, () => {
+      editor = new JSONEditor(element, {
+        schema: spec.schema
+      })
+      editor.setValue(spec.input)
+      expect(editor.getValue()).toBe(spec.value)
+    })
+  })
+})

package/tests/unit/editors/array.spec.js

@@ -0,0 +1,86 @@
+import { JSONEditor } from '../../../src/core'
+
+const fixture = [
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: [false]
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: ['']
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: [0]
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: 'string'
+      }
+    },
+    options: {
+      use_default_values: false
+    },
+    value: ['']
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: 'number'
+      }
+    },
+    options: {
+      use_default_values: false
+    },
+    value: [0]
+  }
+]
+
+describe('Array Editor', () => {
+  let element
+  let editor
+
+  beforeEach(() => {
+    document.body.insertAdjacentHTML(
+      'afterbegin',
+      '<div id="fixture"></div>')
+    element = document.getElementById('fixture')
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  fixture.forEach(spec => {
+    it(spec.title, () => {
+      editor = new JSONEditor(element, {
+        schema: spec.schema
+      })
+      editor.setValue(spec.value);
+      expect(editor.getValue()).toEqual(spec.value)
+    })
+  })
+})

package/tests/unit/editors/object.spec.js

@@ -0,0 +1,79 @@
+import { JSONEditor } from '../../../src/core'
+
+const fixture = [
+  {
+    title: 'Object Editor Test',
+    schema: {
+      type: 'object',
+      required: [
+        'name'
+      ],
+      properties: {
+        name: {
+          type: 'string',
+          default: 'Jeremy Dorn'
+        }
+      }
+    },
+    value: {
+      name: 'Jeremy Dorn'
+    }
+  },
+  {
+    title: 'remove_empty_properties test',
+    schema: {
+      type: 'object',
+      required: [
+        'name'
+      ],
+      properties: {
+        name: {
+          type: 'string',
+          default: 'Jeremy Dorn'
+        },
+        location: {
+          type: 'object',
+          properties: {
+            city: {
+              type: 'string'
+            }
+          },
+          options: {
+            remove_empty_properties: true
+          }
+        }
+      },
+      options: {
+        remove_empty_properties: true
+      }
+    },
+    value: {
+      name: 'Jeremy Dorn'
+    }
+  }
+]
+
+describe('Object Editor', () => {
+  let element
+  let editor
+
+  beforeEach(() => {
+    document.body.insertAdjacentHTML(
+      'afterbegin',
+      '<div id="fixture"></div>')
+    element = document.getElementById('fixture')
+  })
+
+  afterEach(() => {
+    editor.destroy()
+  })
+
+  fixture.forEach(spec => {
+    it(spec.title, () => {
+      editor = new JSONEditor(element, {
+        schema: spec.schema
+      })
+      expect(editor.getValue()).toEqual(spec.value)
+    })
+  })
+})