@json-editor/json-editor 2.5.4 → 2.6.0

package/docs/meta_schema.json

@@ -75,7 +75,6 @@
           "enum":[
             "color",
             "date",
-            "datetime",
             "datetime-local",
             "email",
             "month",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@json-editor/json-editor",
   "title": "JSONEditor",
   "description": "JSON Schema based editor",
-  "version": "2.5.4",
+  "version": "2.6.0",
   "main": "dist/jsoneditor.js",
   "author": {
     "name": "Jeremy Dorn",
@@ -53,48 +53,49 @@
     "node": ">= 0.8.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/preset-env": "^7.9.6",
-    "@babel/runtime": "^7.12.1",
-    "ace-builds": "^1.4.11",
-    "babel-loader": "^8.1.0",
+    "@babel/core": "^7.14.0",
+    "@babel/plugin-transform-runtime": "^7.13.15",
+    "@babel/preset-env": "^7.14.1",
+    "@babel/runtime": "^7.14.0",
+    "ace-builds": "^1.4.12",
+    "babel-loader": "^8.2.2",
     "clean-webpack-plugin": "^3.0.0",
-    "cleave.js": "^1.5.10",
-    "codeceptjs": "^2.6.2",
-    "css-loader": "^3.5.3",
+    "cleave.js": "^1.6.0",
+    "codeceptjs": "^2.6.11",
+    "css-loader": "^3.6.0",
     "css2json": "^1.1.1",
-    "cssnano": "^4.1.10",
+    "cssnano": "^4.1.11",
     "eslint": "^6.8.0",
     "eslint-loader": "^2.2.1",
+    "fast-deep-equal": "^3.1.3",
     "http-server": "^0.12.3",
-    "jasmine": "^3.5.0",
-    "jasmine-core": "^3.5.0",
-    "jodit": "^3.3.24",
-    "jquery": "^3.5.0",
-    "karma": "^5.0.4",
+    "jasmine": "^3.7.0",
+    "jasmine-core": "^3.7.1",
+    "jodit": "~3.3.24",
+    "jquery": "^3.6.0",
+    "karma": "^5.2.3",
     "karma-chrome-launcher": "^3.1.0",
     "karma-jasmine": "^2.0.1",
-    "karma-jasmine-html-reporter": "^1.5.3",
-    "karma-sourcemap-loader": "^0.3.7",
+    "karma-jasmine-html-reporter": "^1.6.0",
+    "karma-sourcemap-loader": "^0.3.8",
     "karma-webpack": "^4.0.2",
-    "mathjs": "^6.6.4",
+    "mathjs": "^7.5.1",
     "mini-css-extract-plugin": "^0.8.2",
     "mocha": "^6.2.2",
     "mochawesome": "^4.1.0",
-    "postcss-loader": "^3.0.0",
+    "postcss-loader": "^5.2.0",
     "puppeteer": "^1.20.0",
     "remove-strict-webpack-plugin": "^0.1.2",
     "sceditor": "^2.1.3",
     "sinon": "^8.1.1",
-    "standard": "^14.3.3",
-    "style-loader": "^1.2.1",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.0",
+    "standard": "^14.3.4",
+    "style-loader": "^1.3.0",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.2",
     "webpack-merge": "^4.2.2"
   },
   "dependencies": {
-    "core-js": "^3.6.5"
+    "core-js": "^3.12.1"
   }
 }

package/release-notes.md

@@ -79,10 +79,10 @@ For now I have passed in `JSONEditor.defaults` as `defaults`.
 
 ### NPM Release
 
-1. Switch to `release` branch and `merge master into release`
-2. Update `CHANGELOG.md`
+1. Update `CHANGELOG.md`
+2. Switch to `release` branch and `merge master into release`
 3. NPM login: `npm login`
-4. Build new version: `npm version x.x.x`
+4. Build new version: `npm version 2.x.x`
 
 The `npm version` command will automatically build the source files & test the new generated script files.  
 On success the `postversion` script will push the source to GitHub and publish the version on NPM.

package/src/editor.js

@@ -206,7 +206,11 @@ export class AbstractEditor {
     })
 
     /* append active/deactive checkbox if show_opt_in is true */
-    if (this.jsoneditor.options.show_opt_in || this.options.show_opt_in) {
+    const globalOptIn = this.jsoneditor.options.show_opt_in
+    const parentOptInDefined = (typeof this.parent.options.show_opt_in !== 'undefined')
+    const parentOptInEnabled = (parentOptInDefined && this.parent.options.show_opt_in === true)
+    const parentOptInDisabled = (parentOptInDefined && this.parent.options.show_opt_in === false)
+    if (parentOptInEnabled || (!parentOptInDisabled && globalOptIn) || (!parentOptInDefined && globalOptIn)) {
       /* and control to type object editors if they are not required */
       if (this.parent && this.parent.schema.type === 'object' && !this.isRequired() && this.header) {
         this.header.appendChild(this.optInCheckbox)

package/src/editors/multiple.js

@@ -267,6 +267,8 @@ export class MultipleEditor extends AbstractEditor {
         if (fitTestResult !== null) {
           validVal.match = fitTestResult.match
         }
+      } else {
+        fitTestVal = validVal
       }
     })
     let finalI = validVal.i

package/src/editors/object.js

@@ -793,7 +793,11 @@ export class ObjectEditor extends AbstractEditor {
 
   deactivateNonRequiredProperties () {
     /* the show_opt_in editor option is for backward compatibility */
-    if (this.jsoneditor.options.show_opt_in || this.options.show_opt_in) {
+    const globalOptIn = this.jsoneditor.options.show_opt_in
+    const editorOptInDefined = (typeof this.options.show_opt_in !== 'undefined')
+    const editorOptInEnabled = (editorOptInDefined && this.options.show_opt_in === true)
+    const editorOptInDisabled = (editorOptInDefined && this.options.show_opt_in === false)
+    if (editorOptInEnabled || (!editorOptInDisabled && globalOptIn) || (!editorOptInDefined && globalOptIn)) {
       Object.entries(this.editors).forEach(([key, editor]) => {
         if (!this.isRequiredObject(editor)) {
           this.editors[key].deactivate()
@@ -993,7 +997,8 @@ export class ObjectEditor extends AbstractEditor {
       this.editors[name].register()
       /* New property */
     } else {
-      if (!this.canHaveAdditionalProperties() && (!this.schema.properties || !this.schema.properties[name])) {
+      if (!this.canHaveAdditionalProperties() && (!this.schema.properties || !this.schema.properties[name]) &&
+        (!this.schema.patternProperties || !(Object.keys(this.schema.patternProperties).find(i => new RegExp(i).test(name))))) {
         return
       }
 

package/src/editors/radio.js

@@ -2,7 +2,6 @@ import { SelectEditor } from './select.js'
 
 export class RadioEditor extends SelectEditor {
   preBuild () {
-    this.schema.required = true /* force editor into required mode to prevent creation of empty radio button */
     super.preBuild()
   }
 
@@ -22,6 +21,12 @@ export class RadioEditor extends SelectEditor {
       this.onChange(true)
     }
 
+    if (!this.isRequired()) {
+      this.enum_display.shift()
+      this.enum_options.shift()
+      this.enum_values.shift()
+    }
+
     for (let i = 0; i < this.enum_values.length; i++) {
       /* form radio elements */
       this.input = this.theme.getFormRadio({

package/src/editors/string.js

@@ -6,12 +6,14 @@ export class StringEditor extends AbstractEditor {
     super.register()
     if (!this.input) return
     this.input.setAttribute('name', this.formname)
+    this.input.setAttribute('aria-label', this.formname)
   }
 
   unregister () {
     super.unregister()
     if (!this.input) return
     this.input.removeAttribute('name')
+    this.input.removeAttribute('aria-label')
   }
 
   setValue (value, initial, fromTemplate) {
@@ -201,7 +203,7 @@ export class StringEditor extends AbstractEditor {
       input = this.theme.getRangeControl(this.input, this.theme.getRangeOutput(this.input, this.schema.default || Math.max(this.schema.minimum || 0, 0)))
     }
 
-    this.control = this.theme.getFormControl(this.label, input, this.description, this.infoButton)
+    this.control = this.theme.getFormControl(this.label, input, this.description, this.infoButton, this.formname)
     this.container.appendChild(this.control)
 
     /* Any special formatting that needs to happen after the input is added to the dom */

package/src/editors/table.js

@@ -99,6 +99,7 @@ export class TableEditor extends ArrayEditor {
 
     /* Row Controls column */
     this.controls_header_cell = this.theme.getTableHeaderCell(' ')
+    this.controls_header_cell.setAttribute('aria-hidden', 'true')
     this.header_row.appendChild(this.controls_header_cell)
 
     /* Add controls */

package/src/schemaloader.js

@@ -136,7 +136,7 @@ export class SchemaLoader {
 
   _expandSubSchema (subschema) {
     /* Array of types */
-    if (Array.isArray(subschema)) return subschema.map(m => typeof value === 'object' ? this.expandSchema(m) : m)
+    if (Array.isArray(subschema)) return subschema.map(m => typeof m === 'object' ? this.expandSchema(m) : m)
 
     /* Schema */
     return this.expandSchema(subschema)

package/src/theme.js

@@ -325,10 +325,13 @@ export class AbstractTheme {
 
   }
 
-  getFormControl (label, input, description, infoText) {
+  getFormControl (label, input, description, infoText, formName) {
     const el = document.createElement('div')
     el.classList.add('form-control')
-    if (label) el.appendChild(label)
+    if (label) {
+      el.appendChild(label)
+      if (formName) label.setAttribute('for', formName)
+    }
     if ((input.type === 'checkbox' || input.type === 'radio') && label) {
       input.style.width = 'auto'
       label.insertBefore(input, label.firstChild)

package/src/themes/bootstrap3.js

@@ -172,14 +172,14 @@ export class bootstrap3Theme extends AbstractTheme {
   getTabHolder (propertyName) {
     const pName = (typeof propertyName === 'undefined') ? '' : propertyName
     const el = document.createElement('div')
-    el.innerHTML = `<ul class='col-md-2 nav nav-pills nav-stacked' id='${pName}' role='tablist'></ul><div class='col-md-10 tab-content well well-small'  id='${pName}'></div>`
+    el.innerHTML = `<ul class='col-md-2 nav nav-pills nav-stacked' id='${pName}' role='tablist'></ul><div class='col-md-10 tab-content active well well-small'  id='${pName}'></div>`
     return el
   }
 
   getTopTabHolder (propertyName) {
     const pName = (typeof propertyName === 'undefined') ? '' : propertyName
     const el = document.createElement('div')
-    el.innerHTML = `<ul class='nav nav-tabs' id='${pName}' role='tablist'></ul><div class='tab-content well well-small'  id='${pName}'></div>`
+    el.innerHTML = `<ul class='nav nav-tabs' id='${pName}' role='tablist'></ul><div class='tab-content active well well-small'  id='${pName}'></div>`
     return el
   }
 

package/src/themes/bootstrap4.js

@@ -135,6 +135,12 @@ export class bootstrap4Theme extends AbstractTheme {
     const min = input.getAttribute('min')
     const max = input.getAttribute('max')
 
+    input.addEventListener('change', () => {
+      if (!input.getAttribute('initialized')) {
+        input.setAttribute('initialized', '1')
+      }
+    })
+
     minusBtn.addEventListener('click', () => {
       if (!input.getAttribute('initialized')) {
         initialize(input, min)
@@ -405,6 +411,7 @@ export class bootstrap4Theme extends AbstractTheme {
 
     const el = document.createElement('h3')
     el.classList.add('card-title')
+    el.classList.add('level-' + pathDepth)
 
     if (typeof text === 'string') {
       el.textContent = text

package/src/validator.js

@@ -350,6 +350,7 @@ export class Validator {
           schema.required.forEach(e => {
             if (typeof value[e] !== 'undefined') return
             const editor = this.jsoneditor.getEditor(`${path}.${e}`)
+            if (editor && editor.dependenciesFulfilled === false) return
             /* Ignore required error if editor is of type "button" or "info" */
             if (editor && ['button', 'info'].includes(editor.schema.format || editor.schema.type)) return
             errors.push({
@@ -527,20 +528,35 @@ export class Validator {
     const fit = { match: 0, extra: 0 }
     if (typeof value === 'object' && value !== null) {
       /* Work on a copy of the schema */
-      const properties = this._getSchema(givenSchema).properties
-
-      for (const i in properties) {
-        if (!hasOwnProperty(properties, i)) {
-          fit.extra += weight
-          continue
-        }
-        if (typeof value[i] === 'object' && typeof properties[i] === 'object' && typeof properties[i].properties === 'object') {
-          const result = this.fitTest(value[i], properties[i], weight / 100)
-          fit.match += result.match
-          fit.extra += result.extra
+      const schema = this._getSchema(givenSchema)
+      /* If the schema is an anyOf declaration, do use the properties of the allowed sub schemata instead.
+      Of these sub schemata, the best fit is selected */
+      if (schema.anyOf) {
+        let bestFit = { ...fit }
+        for (const subSchema of schema.anyOf) {
+          const subFit = this.fitTest(value, subSchema, weight)
+          /* The best fit is the one with the best value for match. If there are multiple results
+          with the same match value, use the one with the least number of extra properties */
+          if ((subFit.match > bestFit.match) || (subFit.match === bestFit.match && subFit.extra < bestFit.extra)) {
+            bestFit = subFit
+          }
         }
-        if (typeof value[i] !== 'undefined') {
-          fit.match += weight
+        return bestFit
+      } else {
+        const properties = this._getSchema(givenSchema).properties
+        for (const i in properties) {
+          if (!hasOwnProperty(properties, i)) {
+            fit.extra += weight
+            continue
+          }
+          if (typeof value[i] === 'object' && typeof properties[i] === 'object' && typeof properties[i].properties === 'object') {
+            const result = this.fitTest(value[i], properties[i], weight / 100)
+            fit.match += result.match
+            fit.extra += result.extra
+          }
+          if (typeof value[i] !== 'undefined') {
+            fit.match += weight
+          }
         }
       }
     }

package/tests/codeceptjs/editors/button_test.js

@@ -12,7 +12,7 @@ Scenario('should work with button editor callbacks', async (I) => {
 Scenario('should work with option "validated"', async (I) => {
   I.amOnPage('button-callbacks.html');
   I.seeElement('[data-schemapath="root.button1"] button');
-  I.seeDisabledAttribute('[data-schemapath="root.button2"] button');
+  I.retry({ retries: 3, minTimeout: 500 }).seeDisabledAttribute('[data-schemapath="root.button2"] button');
 
   await I.fillField('[name="root[textinput]"]', 'Hello World');
 

package/tests/codeceptjs/editors/object_test.js

@@ -68,16 +68,23 @@ Scenario('opt in optional properties @show_opt_in', async (I) => {
   // if an editor type "object" is disabled, also the child editors opt-in controls will be disabled.
   I.seeDisabledAttribute('[data-schemapath="root.object.number"] .json-editor-opt-in')
   I.seeDisabledAttribute('[data-schemapath="root.object.boolean"] .json-editor-opt-in')
+  I.seeDisabledAttribute('[data-schemapath="root.object.radio"] .json-editor-opt-in')
 
   // tests merged from master 17.9.2019
   I.dontSeeCheckedAttribute('[data-schemapath="root.string"] .json-editor-opt-in')
   I.dontSeeDisabledAttribute('[data-schemapath="root.string"] .json-editor-opt-in')
   I.seeDisabledAttribute('[name="root[string]"]')
+  I.dontSeeCheckedAttribute('[data-schemapath="root.radio"] .json-editor-opt-in')
+  I.dontSeeDisabledAttribute('[data-schemapath="root.radio"] .json-editor-opt-in')
+  I.seeDisabledAttribute('[id="root[radio][0]"]')
+  I.seeDisabledAttribute('[id="root[radio][1]"]')
   I.dontSeeCheckedAttribute('[data-schemapath="root.object.number"] .json-editor-opt-in')
   I.seeDisabledAttribute('[data-schemapath="root.object.number"] .json-editor-opt-in')
   I.seeDisabledAttribute('[name="root[object][number]"]')
   I.dontSeeCheckedAttribute('[data-schemapath="root.object.boolean"] .json-editor-opt-in')
   I.seeDisabledAttribute('[data-schemapath="root.object.boolean"] .json-editor-opt-in')
+  I.dontSeeCheckedAttribute('[data-schemapath="root.object.radio"] .json-editor-opt-in')
+  I.seeDisabledAttribute('[data-schemapath="root.object.radio"] .json-editor-opt-in')
 
   I.click('.get-value')
   assert.equal(await I.grabValueFrom('.value'), '{"number":0,"boolean":false}')
@@ -86,16 +93,22 @@ Scenario('opt in optional properties @show_opt_in', async (I) => {
 
   I.click('[data-schemapath="root"] .json-editor-btn-edit')
   I.click('[data-schemapath="root"] .json-editor-btn-edit')
-
   I.dontSeeCheckedAttribute('[data-schemapath="root.string"] .json-editor-opt-in')
   I.dontSeeDisabledAttribute('[data-schemapath="root.string"] .json-editor-opt-in')
   I.seeDisabledAttribute('[name="root[string]"]')
+  I.dontSeeCheckedAttribute('[data-schemapath="root.radio"] .json-editor-opt-in')
+  I.dontSeeDisabledAttribute('[data-schemapath="root.radio"] .json-editor-opt-in')
+  I.seeDisabledAttribute('[id="root[radio][0]"]')
+  I.seeDisabledAttribute('[id="root[radio][1]"]')
   I.dontSeeCheckedAttribute('[data-schemapath="root.object.number"] .json-editor-opt-in')
   I.seeDisabledAttribute('[data-schemapath="root.object.number"] .json-editor-opt-in')
   I.seeDisabledAttribute('[name="root[object][number]"]')
   I.dontSeeCheckedAttribute('[data-schemapath="root.object.boolean"] .json-editor-opt-in')
   I.seeDisabledAttribute('[data-schemapath="root.object.boolean"] .json-editor-opt-in')
   I.seeDisabledAttribute('[name="root[object][boolean]"]')
+  I.seeDisabledAttribute('[data-schemapath="root.object.boolean"] .json-editor-opt-in')
+  I.dontSeeCheckedAttribute('[data-schemapath="root.object.radio"] .json-editor-opt-in')
+  I.seeDisabledAttribute('[data-schemapath="root.object.radio"] .json-editor-opt-in')
 
   I.click('.get-value')
   assert.equal(await I.grabValueFrom('.value'), '{"number":0,"boolean":false}')
@@ -103,24 +116,26 @@ Scenario('opt in optional properties @show_opt_in', async (I) => {
   // opt-in string property
 
   I.click('[data-schemapath="root.string"] .json-editor-opt-in')
+  I.click('[data-schemapath="root.radio"] .json-editor-opt-in')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"string":"","number":0,"boolean":false}')
+  assert.equal(await I.grabValueFrom('.value'), '{"string":"","number":0,"boolean":false,"radio":"Home"}')
 
   // opt-in array property
 
   I.click('[data-schemapath="root.array"] .json-editor-opt-in')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"string":"","number":0,"boolean":false,"array":[]}')
+  assert.equal(await I.grabValueFrom('.value'), '{"string":"","number":0,"boolean":false,"radio":"Home","array":[]}')
 
   // opt-in object property
 
   I.click('[data-schemapath="root.object"] .json-editor-opt-in')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"string":"","number":0,"boolean":false,"array":[],"object":{"string":"","array":[]}}')
+  assert.equal(await I.grabValueFrom('.value'), '{"string":"","number":0,"boolean":false,"radio":"Home","array":[],"object":{"string":"","array":[]}}')
 
   // if an editor type "object" is enabled, also the child editors opt-in controls will be enabled.
   I.dontSeeDisabledAttribute('[data-schemapath="root.object.number"] .json-editor-opt-in')
   I.dontSeeDisabledAttribute('[data-schemapath="root.object.boolean"] .json-editor-opt-in')
+  I.dontSeeDisabledAttribute('[data-schemapath="root.object.radio"] .json-editor-opt-in')
 })
 
 Scenario('set value opt in optional properties @show_opt_in', async (I) => {
@@ -130,11 +145,13 @@ Scenario('set value opt in optional properties @show_opt_in', async (I) => {
   I.waitForElement('[data-schemapath="root.string"]', 5)
   I.waitForElement('[data-schemapath="root.number"]', 5)
   I.waitForElement('[data-schemapath="root.boolean"]', 5)
+  I.waitForElement('[data-schemapath="root.radio"]', 5)
   I.waitForElement('[data-schemapath="root.array"]', 5)
   I.waitForElement('[data-schemapath="root.object"]', 5)
   I.waitForElement('[data-schemapath="root.object.string"]', 5)
   I.waitForElement('[data-schemapath="root.object.number"]', 5)
   I.waitForElement('[data-schemapath="root.object.boolean"]', 5)
+  I.waitForElement('[data-schemapath="root.object.radio"]', 5)
 
   // set values
   I.click('.set-value')
@@ -150,11 +167,45 @@ Scenario('set value opt in optional properties @show_opt_in', async (I) => {
   I.waitForElement('[data-schemapath="root.string"]', 5)
   I.waitForElement('[data-schemapath="root.number"]', 5)
   I.waitForElement('[data-schemapath="root.boolean"]', 5)
+  I.waitForElement('[data-schemapath="root.radio"]', 5)
   I.waitForElement('[data-schemapath="root.array"]', 5)
   I.waitForElement('[data-schemapath="root.object"]', 5)
   I.waitForElement('[data-schemapath="root.object.string"]', 5)
   I.waitForElement('[data-schemapath="root.object.number"]', 5)
   I.waitForElement('[data-schemapath="root.object.boolean"]', 5)
+  I.waitForElement('[data-schemapath="root.object.radio"]', 5)
+})
+
+Scenario('set value opt in optional properties @show_opt_in_schema', async (I) => {
+  I.amOnPage('object-show-opt-in.html')
+
+  // all editors visible
+  I.waitForElement('[data-schemapath="root"]', 5)
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_undefined"]', 5)
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_undefined.string"]', 5)
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_true"]', 5)
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_true.string"]', 5)
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_false"]', 5)
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_false.string"]', 5)
+
+  // checkboxes for optional properties should appear only when
+  // case 1) the parent option show_opt_in is enabled
+  // OR
+  // case 2) the parent option show_opt_in is disabled and the global option show_opt_in is enabled
+  // OR
+  // case 3) the parent option show_opt_in is not defined and the global option show_opt_in is enabled
+
+  // global show_opt_in true
+  I.dontSeeCheckedAttribute('#show-opt-in')
+  I.dontSeeElement('[data-schemapath="root.option_show_opt_in_undefined.string"] .json-editor-opt-in') // global show_opt_in: false && parent editor show_opt_in: 'undefined'
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_true.string"] .json-editor-opt-in', 5) // global show_opt_in: false && parent editor show_opt_in: true
+  I.dontSeeElement('[data-schemapath="root.option_show_opt_in_false.string"] .json-editor-opt-in') // global show_opt_in: false && parent editor show_opt_in: false
+
+  // global show_opt_in false
+  I.click('#show-opt-in')
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_undefined.string"] .json-editor-opt-in') // global show_opt_in: true && parent editor show_opt_in: 'undefined'
+  I.waitForElement('[data-schemapath="root.option_show_opt_in_true.string"] .json-editor-opt-in', 5) // global show_opt_in: true && parent editor show_opt_in: true
+  I.dontSeeElement('[data-schemapath="root.option_show_opt_in_false.string"] .json-editor-opt-in') // global show_opt_in: true && parent editor show_opt_in: false
 })
 
 Scenario('objects should contain properties defined with the properties keyword unless the property "additionalProperties: true" is specified in the object schema @additional-properties', async (I) => {

package/tests/codeceptjs/editors/stepper_test.js

@@ -25,3 +25,15 @@ Scenario('should be constrained to maximun and minimun values when stepped @step
   I.click('.get-value')
   assert.equal(await I.grabValueFrom('.value'), '{"stepper":5}')
 })
+
+Scenario('should be correct initialized when manually set @stepper', async (I) => {
+  I.amOnPage('stepper-manual.html')
+  I.fillField('[name="root[stepper]"]', 10)
+  I.click('.stepper-up')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"stepper":11}')
+  I.click('.stepper-down')
+  I.click('.stepper-down')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"stepper":9}')
+})

package/tests/codeceptjs/editors/validation_test.js

@@ -6,7 +6,7 @@ Feature('Validations')
 
 Scenario('test validations in validation.html', (I) => {
   I.amOnPage('validation.html')
-  var numberOfTestItemsExpected = 152
+  var numberOfTestItemsExpected = 158
   I.waitForElement('#output div:nth-child(' + numberOfTestItemsExpected + ')', 10)
   I.seeNumberOfElements('#output div', numberOfTestItemsExpected)
   I.see('success')