@json-editor/json-editor 2.11.0 → 2.13.0

package/src/resolvers.js

@@ -1,11 +1,14 @@
-/* Use "multiple" as a fall back for everything */
+/* Use "multiple" as a fallback for everything */
 const defaultResolver = schema => typeof schema.type !== 'string' && 'multiple'
 
+/* If the type is a script type, then presume the Editor's type is "string" until later resolvers decide otherwise */
+const defaultResolverString = schema => typeof schema.type === 'string' && 'string'
+
 /* If the type is not set but properties are defined, we can infer the type is actually object */
 const object = schema => !schema.type && schema.properties && 'object'
 
-/* If the type is set and it's a basic type, use the primitive editor */
-const primitive = schema => typeof schema.type === 'string' && schema.type
+/* If type is set, and it's a basic JSON type, use the primitive editor */
+const primitive = schema => typeof schema.type === 'string' && ['string', 'number', 'integer', 'boolean', 'null', 'array', 'object'].includes(schema.type) && schema.type
 
 /* Use specialized editor for signatures */
 const signature = schema => schema.type === 'string' && schema.format === 'signature' && 'signature'
@@ -61,7 +64,11 @@ const enumeratedProperties = schema => {
 }
 
 /* Specialized editors for arrays of strings */
-const arraysOfStrings = schema => {
+const arraysOfStrings = (schema, je) => {
+  if (schema.items) {
+    schema.items = je.expandSchema(schema.items)
+  }
+
   if (schema.type === 'array' && schema.items && !(Array.isArray(schema.items)) && ['string', 'number', 'integer'].includes(schema.items.type)) {
     if (schema.format === 'choices') return 'arrayChoices'
     if (schema.uniqueItems) {
@@ -117,7 +124,7 @@ const markdown = schema => schema.type === 'string' && schema.format === 'markdo
 const xhtml = schema => schema.type === 'string' && ['xhtml', 'bbcode'].includes(schema.format) && 'sceditor'
 
 /* Use the ace editor for schemas with format equals any of ace editor modes */
-const aceModes = ['actionscript', 'batchfile', 'c', 'c++', 'cpp', 'coffee', 'csharp', 'css', 'dart', 'django', 'ejs', 'erlang', 'golang', 'groovy', 'handlebars', 'haskell', 'haxe', 'html', 'ini', 'jade', 'java', 'javascript', 'json', 'less', 'lisp', 'lua', 'makefile', 'matlab', 'mysql', 'objectivec', 'pascal', 'perl', 'pgsql', 'php', 'python', 'r', 'ruby', 'sass', 'scala', 'scss', 'sh', 'smarty', 'sql', 'sqlserver', 'stylus', 'svg', 'twig', 'vbscript', 'xml', 'yaml']
+const aceModes = ['actionscript', 'batchfile', 'c', 'c++', 'cpp', 'coffee', 'csharp', 'css', 'dart', 'django', 'ejs', 'erlang', 'golang', 'groovy', 'handlebars', 'haskell', 'haxe', 'html', 'ini', 'jade', 'java', 'javascript', 'json', 'less', 'lisp', 'lua', 'makefile', 'matlab', 'mysql', 'objectivec', 'pascal', 'perl', 'pgsql', 'php', 'python', 'prql', 'r', 'ruby', 'rust', 'sass', 'scala', 'scss', 'sh', 'smarty', 'sql', 'sqlserver', 'stylus', 'svg', 'typescript', 'twig', 'vbscript', 'xml', 'yaml', 'zig']
 const ace = schema => schema.type === 'string' && aceModes.includes(schema.format) && 'ace'
 
 const ip = schema => schema.type === 'string' && ['ip', 'ipv4', 'ipv6', 'hostname'].includes(schema.format) && 'ip'
@@ -125,4 +132,4 @@ const ip = schema => schema.type === 'string' && ['ip', 'ipv4', 'ipv6', 'hostnam
 const colorPicker = schema => schema.type === 'string' && schema.format === 'color' && 'colorpicker'
 
 /* Export resolvers in order of discovery, first to last */
-export const resolvers = [colorPicker, ip, ace, xhtml, markdown, jodit, autoComplete, uuid, info, button, stepper, describeBy, starratings, date, oneOf, ifThenElse, arraysOfStrings, enumeratedProperties, enumSource, table, upload, base64, any, boolean, signature, primitive, object, defaultResolver]
+export const resolvers = [colorPicker, ip, ace, xhtml, markdown, jodit, autoComplete, uuid, info, button, stepper, describeBy, starratings, date, oneOf, ifThenElse, arraysOfStrings, enumeratedProperties, enumSource, table, upload, base64, any, boolean, signature, primitive, object, defaultResolver, defaultResolverString]

package/src/schemaloader.js

@@ -449,6 +449,12 @@ export class SchemaLoader {
         if (typeof response === 'undefined') throw new Error(`Failed to fetch ref via ajax - ${uri}`)
         try {
           externalSchema = JSON.parse(response.responseText)
+
+          this.onSchemaLoaded({
+            schema: externalSchema,
+            schemaUrl: url
+          })
+
           if (this.options.ajax_cache_responses) {
             this.cacheSet(url, externalSchema)
           }
@@ -472,11 +478,18 @@ export class SchemaLoader {
       }
       await this._asyncloadExternalRefs(externalSchema, url, newfileBase)
     }
+
     if (!waiting) {
       return true
     }
+
+    this.onAllSchemasLoaded()
   }
 
+  onSchemaLoaded (payload) {}
+
+  onAllSchemasLoaded () {}
+
   extendSchemas (obj1, obj2) {
     obj1 = extend({}, obj1)
     obj2 = extend({}, obj2)

package/src/theme.js

@@ -414,6 +414,10 @@ export class AbstractTheme {
     if (title) button.setAttribute('title', title)
   }
 
+  getTableContainer () {
+    return document.createElement('div')
+  }
+
   /* Table functions */
   getTable () {
     return document.createElement('table')

package/src/themes/bootstrap3.js

@@ -136,6 +136,12 @@ export class bootstrap3Theme extends AbstractTheme {
     return el
   }
 
+  getTableContainer () {
+    const el = super.getTableContainer()
+    el.classList.add('table-responsive')
+    return el
+  }
+
   getTable () {
     const el = document.createElement('table')
     el.classList.add('table', 'table-bordered')

package/src/themes/bootstrap4.js

@@ -454,6 +454,12 @@ export class bootstrap4Theme extends AbstractTheme {
     return el
   }
 
+  getTableContainer () {
+    const el = super.getTableContainer()
+    el.classList.add('table-responsive')
+    return el
+  }
+
   getTable () {
     const el = document.createElement('table')
     el.classList.add('table', 'table-sm')

package/src/themes/bootstrap5.js

@@ -390,6 +390,12 @@ export class bootstrap5Theme extends AbstractTheme {
     return el
   }
 
+  getTableContainer () {
+    const el = super.getTableContainer()
+    el.classList.add('table-responsive')
+    return el
+  }
+
   getTable () {
     const el = document.createElement('table')
     el.classList.add('table', 'table-sm')

package/src/validator.js

@@ -11,6 +11,34 @@ export class Validator {
     this.defaults = defaults
 
     this._validateSubSchema = {
+      dependentRequired (schema, value, path) {
+        const errors = []
+
+        if (typeof schema.dependentRequired !== 'undefined') {
+          let missingProperties = []
+
+          Object.keys(schema.dependentRequired).forEach((key) => {
+            if (typeof value[key] !== 'undefined') {
+              const requiredProperties = schema.dependentRequired[key]
+
+              missingProperties = requiredProperties.filter((property) => {
+                return !hasOwnProperty(value, property)
+              })
+            }
+          })
+
+          const invalid = missingProperties.length > 0
+
+          if (invalid) {
+            errors.push({
+              message: 'Must have the required properties: ' + missingProperties.join(', '),
+              path: path
+            })
+          }
+        }
+
+        return errors
+      },
       dependentSchemas (schema, value, path) {
         let errors = []
 

package/tests/codeceptjs/codecept.json

@@ -1,6 +1,6 @@
 {
   "tests": "./**/*_test.js",
-  "timeout": 10000,
+  "timeout": 30,
   "output": "./output",
   "plugins": {
     "pauseOnFail": {}

package/tests/codeceptjs/constrains/contains_test.js

@@ -7,18 +7,18 @@ Scenario('should display contains validation errors @contains', ({ I }) => {
   I.waitForElement('.je-ready')
   I.waitForText('No items match contains')
   I.click('.json-editor-btn-add')
+  I.waitForInvisible('.alert-danger')
   I.dontSee('No items match contains')
 })
 
 Scenario('should display @minContains validation errors @contains', ({ I }) => {
   I.amOnPage('minContains.html')
   I.waitForElement('.je-ready')
-  I.dontSee('No items match contains')
   I.waitForText('Contains match count 0 is less than minimum contains count of 2')
   I.click('.json-editor-btn-add')
-  I.dontSee('No items match contains')
   I.waitForText('Contains match count 1 is less than minimum contains count of 2')
   I.click('.json-editor-btn-add')
+  I.waitForInvisible('.alert-danger')
   I.dontSee('No items match contains')
   I.dontSee('minimum contains count of 2')
 })
@@ -28,6 +28,7 @@ Scenario('should display @maxContains validation errors @contains', ({ I }) => {
   I.waitForElement('.je-ready')
   I.waitForText('No items match contains')
   I.click('.json-editor-btn-add')
+  I.waitForInvisible('.alert-danger')
   I.dontSee('No items match contains')
   I.click('.json-editor-btn-add')
   I.dontSee('No items match contains')

package/tests/codeceptjs/constrains/dependentRequired_test.js

@@ -0,0 +1,33 @@
+/* global Feature Scenario */
+
+Feature('dependentRequired')
+
+Scenario('@dependentRequired should display validation errors', ({ I }) => {
+  I.amOnPage('dependentRequired.html')
+  I.waitForElement('.je-ready')
+  I.waitForValue('#textarea-value', '{"name":""}')
+
+  I.click('[data-schemapath="root.credit_card"] .json-editor-opt-in')
+  I.waitForValue('#textarea-value', '{"name":"","credit_card":0,"billing_address_1":"","billing_address_2":""}')
+  I.waitForText('Must have the required properties: billing_address_3')
+
+  I.click('[data-schemapath="root.billing_address_1"] .json-editor-opt-in')
+  I.waitForValue('#textarea-value', '{"name":"","credit_card":0,"billing_address_1":"","billing_address_2":""}')
+  I.waitForText('Must have the required properties: billing_address_3')
+
+  I.click('[data-schemapath="root.billing_address_2"] .json-editor-opt-in')
+  I.waitForValue('#textarea-value', '{"name":"","credit_card":0,"billing_address_1":"","billing_address_2":""}')
+  I.waitForText('Must have the required properties: billing_address_3')
+
+  I.click('[data-schemapath="root.credit_card"] .json-editor-opt-in')
+  I.waitForValue('#textarea-value', '{"name":"","billing_address_1":"","billing_address_2":""}')
+  I.waitForText('Must have the required properties: billing_address_3')
+
+  I.click('[data-schemapath="root.billing_address_1"] .json-editor-opt-in')
+  I.waitForValue('#textarea-value', '{"name":"","billing_address_2":""}')
+  I.waitForText('Must have the required properties: billing_address_3')
+
+  I.click('[data-schemapath="root.billing_address_2"] .json-editor-opt-in')
+  I.waitForValue('#textarea-value', '{"name":""}')
+  I.dontSee('Must have the required properties: billing_address_3')
+})

package/tests/codeceptjs/constrains/dependentSchemas_test.js

@@ -9,6 +9,7 @@ Scenario('@dependentSchemas should display validation errors', ({ I }) => {
   I.click('[data-schemapath="root.credit_card"] .json-editor-opt-in')
   I.waitForText('Object is missing the required property \'billing_address\'')
   I.click('[data-schemapath="root.billing_address"] .json-editor-opt-in')
+  I.waitForInvisible('.alert-danger')
   I.dontSee('Object is missing the required property \'billing_address\'')
   I.click('[data-schemapath="root.credit_card"] .json-editor-opt-in')
   I.dontSee('Object is missing the required property \'billing_address\'')

package/tests/codeceptjs/core_test.js

@@ -5,6 +5,16 @@ const { DEFAULT_WAIT_TIME } = require('./test-config')
 
 Feature('core')
 
+Scenario('should listen to @load-events', async ({ I }) => {
+  I.amOnPage('load-events.html')
+  I.waitForElement('.je-ready')
+  I.waitForText('/tests/pages/../fixtures/basic_person.json')
+  I.waitForText('{"title":"Person","type":"object","id":"person","properties":{"name":{"type":"string","description":"First and Last name","minLength":4},"age":{"type":"integer","default":21,"minimum":18,"maximum":99},"gender":{"type":"string","enum":["male","female","other"]}}}')
+  I.waitForText('/tests/pages/../fixtures/person.json')
+  I.waitForText('{"$ref":"../fixtures/basic_person.json","properties":{"location":{"type":"object","title":"Location","properties":{"city":{"type":"string"},"state":{"type":"string"},"citystate":{"type":"string","description":"This is generated automatically from the previous two fields","template":"{{city}}, {{state}}","watch":{"city":"person.location.city","state":"person.location.state"}}}},"pets":{"type":"array","format":"table","title":"Pets","uniqueItems":true,"items":{"type":"object","properties":{"type":{"type":"string","enum":["cat","dog","bird","reptile","other"],"default":"dog"},"name":{"type":"string"},"fixed":{"type":"boolean","title":"spayed / neutered"}}}}}}')
+  I.waitForText('All schemas loaded')
+})
+
 Scenario('should set per-editor options @per-editor-options', async ({ I }) => {
   I.amOnPage('per-editor-options.html')
   I.waitForElement('.je-ready')
@@ -79,18 +89,18 @@ Scenario('should set and get individual values', async ({ I }) => {
   I.waitForValue('.value', '"john kaminski"')
 })
 
-Scenario('should watch a specific field for changes', async ({ I }) => {
+Scenario('should watch a specific field for changes @core @change', async ({ I }) => {
   I.amOnPage('core.html')
   I.dontSeeElement('.name-changed')
   I.click('.set-individual-value')
-  I.seeElement('.name-changed')
+  I.waitForElement('.name-changed')
 })
 
-Scenario('should watch form for changes', async ({ I }) => {
+Scenario('should watch form for changes @core @change', async ({ I }) => {
   I.amOnPage('core.html')
   I.dontSeeElement('.form-changed')
   I.click('.set-value')
-  I.seeElement('.form-changed')
+  I.waitForElement('.form-changed')
 })
 
 Scenario('should change the form if form_name_root option is set @core', async ({ I }) => {

package/tests/codeceptjs/editors/advanced_test.js

@@ -1,6 +1,6 @@
 /* global Feature Scenario */
 
-Feature('Advanced Editor')
+Feature('Advanced Editor @advance-editor')
 
 Scenario('test validation & delete', ({ I }) => {
   I.amOnPage('advanced.html')

package/tests/codeceptjs/editors/array_test.js

@@ -4,6 +4,43 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('array')
 
+Scenario('Should display properties enum titles in items headerTemplate @headerTemplate', async ({ I }) => {
+  I.amOnPage('array-header-template.html')
+  I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
+  I.waitForText('Dog', DEFAULT_WAIT_TIME, '.nav-link span')
+  I.waitForText('Cat', DEFAULT_WAIT_TIME, '.nav-link span')
+})
+
+Scenario('Should set buttons states correctly @button_state_mode', async ({ I }) => {
+  I.amOnPage('button_state_mode_1.html')
+  I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btntype-add', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btn-movedown', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btn-moveup', DEFAULT_WAIT_TIME)
+  I.dontSeeElement('.json-editor-btntype-delete')
+  I.dontSeeElement('.json-editor-btntype-deletelast')
+  I.dontSeeElement('.json-editor-btntype-deleteall')
+  I.click('.json-editor-btntype-add')
+  I.waitForElement('.json-editor-btntype-delete')
+  I.waitForElement('.json-editor-btntype-deletelast')
+  I.waitForElement('.json-editor-btntype-deleteall')
+
+  I.amOnPage('button_state_mode_2.html')
+  I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btntype-add', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btn-movedown', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btn-moveup', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btntype-delete', DEFAULT_WAIT_TIME)
+  I.waitForElement('.json-editor-btntype-deletelast', DEFAULT_WAIT_TIME)
+  I.seeDisabledAttribute('.json-editor-btntype-delete')
+  I.seeDisabledAttribute('.json-editor-btntype-deletelast')
+  I.seeDisabledAttribute('.json-editor-btntype-deleteall')
+  I.click('.json-editor-btntype-add')
+  I.dontSeeDisabledAttribute('.json-editor-btntype-delete')
+  I.dontSeeDisabledAttribute('.json-editor-btntype-deletelast')
+  I.dontSeeDisabledAttribute('.json-editor-btntype-deleteall')
+})
+
 Scenario('should have correct initial value', async ({ I }) => {
   I.amOnPage('array.html')
   I.click('.get-value')
@@ -963,3 +1000,25 @@ Scenario('should work well with selectize multiselect editors', async ({ I }) =>
   I.seeElement('[data-schemapath="root.0"] .selectize-dropdown-content [data-value="3"]')
   I.seeElement('[data-schemapath="root.0"] .selectize-dropdown-content [data-value="4"]')
 })
+
+Scenario('should be possible to add items to selectize array @selectize-add', async ({ I }) => {
+  I.amOnPage('array-selectize-create.html')
+  I.click('.selectize-input')
+  I.pressKey('g')
+  I.pressKey('Enter')
+  I.pressKey('r')
+  I.pressKey('Enter')
+  I.pressKey('e')
+  I.pressKey('Enter')
+  I.pressKey('a')
+  I.pressKey('Enter')
+  I.pressKey('t')
+  I.pressKey('Enter')
+  I.waitForValue('#value', '["g","r","e","a","t"]')
+})
+
+Scenario('Tables should have a container parent that makes tables responsive @array-table', async ({ I }) => {
+  I.amOnPage('array-table-responsive.html')
+  I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
+  I.waitForElement('.table-responsive')
+})

package/tests/codeceptjs/editors/autocomplete_test.js

@@ -5,7 +5,9 @@ Feature('autocomplete')
 Scenario('autocomplete should work @autocomplete', async ({ I }) => {
   I.amOnPage('autocomplete.html')
   I.waitForElement('.je-ready', 10)
-  I.fillField('root', 'ir')
+  I.click('[name="root"]')
+  I.pressKey('i')
+  I.pressKey('r')
   I.waitForText('iran', 20, '.autocomplete-result-list')
   I.waitForText('iraq', 20, '.autocomplete-result-list')
   I.click('iraq', '.autocomplete-result:nth-child(2)')

package/tests/codeceptjs/editors/object_test.js

@@ -5,6 +5,26 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('object')
 
+Scenario('@case-sensitive-property-search', async ({ I }) => {
+  I.amOnPage('object-case-sensitive-property-search-true.html')
+  I.click('.json-editor-btn-edit_properties')
+  I.fillField('.property-selector-input', 'aaa')
+  I.see('aaa', '.form-check label')
+  I.dontSee('AAA', '.form-check label')
+  I.fillField('.property-selector-input', 'AAA')
+  I.see('AAA', '.form-check label')
+  I.dontSee('aaa', '.form-check label')
+
+  I.amOnPage('object-case-sensitive-property-search-false.html')
+  I.click('.json-editor-btn-edit_properties')
+  I.fillField('.property-selector-input', 'aaa')
+  I.see('aaa', '.form-check label')
+  I.see('AAA', '.form-check label')
+  I.fillField('.property-selector-input', 'AAA')
+  I.see('AAA', '.form-check label')
+  I.see('aaa', '.form-check label')
+})
+
 Scenario('should respect property orders', async ({ I }) => {
   I.amOnPage('object.html')
   assert.strictEqual(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(1) [data-schemapath^="root."]', 'data-schemapath'), 'root.age')

package/tests/codeceptjs/editors/tabs_test.js

@@ -4,7 +4,7 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('Tabs')
 
-Scenario('test top-tabs', ({ I }) => {
+Scenario('test @top-tabs', ({ I }) => {
   I.amOnPage('tabs.html')
   I.waitForElement('[data-schemapath="root"] .json-editor-btn-add')
   I.click('[data-schemapath="root"] .json-editor-btn-add')

package/tests/codeceptjs/issues/issue-gh-1330_test.js

@@ -0,0 +1,8 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1330 should remain fixed @issue-1330 @multiselect', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1330.html')
+  I.waitForElement('[data-schemapath="root.test"] input[type="checkbox"]')
+})

package/tests/codeceptjs/issues/issue-gh-1338_test.js

@@ -7,10 +7,12 @@ Scenario('GitHub issue 1338 should remain fixed @issue-1338', async ({ I }) => {
   I.waitForText('Value required')
   I.fillField('[id="root[field_a]"]', 'test')
   I.pressKey('Tab')
+  I.waitForInvisible('.invalid-feedback')
   I.dontSee('Value required')
   I.refreshPage()
   I.waitForText('Value required')
   I.fillField('[id="root[field_b]"]', 'test')
   I.pressKey('Tab')
+  I.waitForInvisible('.invalid-feedback')
   I.dontSee('Value required')
 })

package/tests/codeceptjs/issues/issue-gh-1364_test.js

@@ -0,0 +1,13 @@
+/* global Feature Scenario */
+
+Feature('GitHub issue 1364')
+
+Scenario('GitHub issue 1364 should remain fixed @issue-1364', ({ I }) => {
+  I.amOnPage('issues/issue-gh-1364.html')
+  I.waitForElement('.je-ready')
+  I.waitForValue('#value', '{"engine":"none","child1":{}}')
+  I.selectOption('[id="root[engine]"]', 'test1')
+  I.waitForValue('#value', '{"engine":"test1","child1":{"L2Name":""},"L1Name":""}')
+  I.selectOption('[id="root[engine]"]', 'none')
+  I.waitForValue('#value', '{"engine":"none","child1":{}}')
+})

package/tests/codeceptjs/issues/issue-gh-1367_test.js

@@ -0,0 +1,11 @@
+/* global Feature Scenario */
+const assert = require('assert')
+
+Feature('GitHub issue 1367')
+
+Scenario('GitHub issue 1367 should remain fixed @issue-1367', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1367.html')
+  I.waitForElement('.je-ready')
+  I.click('canvas')
+  assert.match(await I.grabValueFrom('#value'), /base64/)
+})

package/tests/codeceptjs/issues/issue-gh-1383_test.js

@@ -0,0 +1,9 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1383 should remain fixed @issue-1383 @optional', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1383.html')
+  I.waitForElement('.je-ready')
+  I.waitForText('activity-timeout')
+})

package/tests/codeceptjs/issues/issue-gh-1384_test.js

@@ -0,0 +1,9 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1384 should remain fixed @issue-1384 @optional', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1384.html')
+  I.waitForElement('.je-ready')
+  I.waitForText('Zope layout definition')
+})

package/tests/codeceptjs/issues/issue-gh-1410_test.js

@@ -0,0 +1,13 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1410 should remain fixed @issue-1410', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1410.html')
+  I.waitForElement('.je-ready')
+  I.click('[data-schemapath="root.standard"] .json-editor-btn-edit_properties')
+  I.waitForInvisible('[data-schemapath="root.standard"] .json-editor-btn-add')
+  I.click('[data-schemapath="root.standard"] .json-editor-btn-edit_properties')
+  I.click('[data-schemapath="root.extras"] .json-editor-btn-edit_properties')
+  I.waitForVisible('[data-schemapath="root.extras"] .json-editor-btn-add')
+})

package/tests/codeceptjs/issues/issue-gh-1422_test.js

@@ -0,0 +1,9 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1422 should remain fixed @issue-1422', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1422.html')
+  I.waitForElement('.je-ready')
+  I.waitForValue('#value', '{"req":5,"opt":5,"req_with_default":5}')
+})

package/tests/codeceptjs/issues/issue-gh-1431_test.js

@@ -0,0 +1,12 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1431 should remain fixed @issue-1431', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1431.html')
+  I.waitForElement('.je-ready')
+  I.waitForElement('.CodeMirror')
+  I.click('.CodeMirror')
+  I.pressKeys('simple-mde')
+  I.waitForValue('#value', '{"name":"simple-mde"}')
+})

package/tests/codeceptjs/issues/issue-gh-1439_test.js

@@ -0,0 +1,12 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1439 should remain fixed @issue-1439', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1439.html')
+  I.waitForElement('.je-ready')
+  I.waitForElement('[name="root[wrong]"]')
+  I.waitForElement('[data-schemapath="root.correct"] button')
+  I.waitForText('Button text')
+  I.waitForValue('#value', '{"wrong":""}')
+})

package/tests/docker-compose-local.yml

@@ -0,0 +1,4 @@
+version: '3'
+services:
+  chrome:
+    image: seleniarm/standalone-chromium:114.0

package/tests/pages/array-header-template.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>array-header-template</title>
+    <script src="../../dist/jsoneditor.js"></script>
+    <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+</head>
+<body>
+
+<div class="container">
+    <div id='editor-container'></div>
+</div>
+
+<script>
+  const editorContainer = document.querySelector('#editor-container')
+  const schema1 = {
+    "title": "Pets",
+    "format": "tabs",
+    "type": "array",
+    "minItems": 1,
+    "default": [
+      {
+        "pet": "pet_1"
+      },
+      {
+        "pet": "pet_2"
+      }
+    ],
+    "items": {
+      "title": "Pets",
+      "type": "object",
+      "headerTemplate": "{{ properties.pet.enumTitle }}",
+      "properties": {
+        "pet": {
+          "title": "Pet",
+          "type": "string",
+          "enum": [ "pet_1", "pet_2" ],
+          "options": {
+            "enum_titles": [ "Dog", "Cat" ]
+          }
+        }
+      }
+    }
+  }
+
+  const editor = new JSONEditor(editorContainer, {
+    schema: schema1,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    disable_collapse: true,
+    disable_edit_json: true,
+    disable_properties: true
+  })
+</script>
+
+</body>
+</html>