@wirenboard/json-editor 2.5.3-wb13

package/tests/codeceptjs/editors/button_test.js

@@ -0,0 +1,35 @@
+var assert = require('assert');
+
+Feature('button');
+
+Scenario('should work with button editor callbacks', async (I) => {
+  I.amOnPage('button-callbacks.html');
+  I.seeElement('[data-schemapath="root.button1"] button');
+  I.click('[data-schemapath="root.button1"] button');
+  assert.equal(await I.grabValueFrom('.value'), 'button1CB');
+});
+
+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');
+
+  await I.fillField('[name="root[textinput]"]', 'Hello World');
+
+  I.pressKey('Tab');
+  I.dontSeeDisabledAttribute('[data-schemapath="root.button2"] button');
+  I.click('[data-schemapath="root.button2"] button');
+  assert.equal(await I.grabValueFrom('.value'), 'button2CB');
+});
+
+Scenario('should not leave any footprints in result', async (I) => {
+  I.amOnPage('button-callbacks.html');
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), JSON.stringify({"textinput":""}));
+});
+
+Scenario('should be disabled if "readonly" is specified', async (I) => {
+  I.amOnPage('read-only.html');
+
+  I.seeDisabledAttribute('[data-schemapath="root.button"] button');
+});

package/tests/codeceptjs/editors/checkbox_test.js

@@ -0,0 +1,21 @@
+var assert = require('assert');
+
+Feature('checkbox');
+
+Scenario('should be disabled if "readonly" is specified', async (I) => {
+  I.amOnPage('read-only.html');
+  I.waitForText('READY', 5, '.state');
+  I.seeDisabledAttribute('[name="root[checkbox]"]');
+});
+
+Scenario('label should be visible for items at top level, but not in tables', async (I) => {
+  I.amOnPage('checkbox-labels.html');
+  I.waitForText('READY', 5, '.state');
+  I.seeElement('//label[contains(@for, "root[Awesome Compact]")]');
+  I.seeElement('//label[contains(@for, "root[Awesome Not Compact]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][0][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][1][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][2][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][3][Awesome in Object Table]")]');
+  I.dontSeeElement('//label[contains(@for, "root[pets][4][Awesome in Object Table]")]');
+});

package/tests/codeceptjs/editors/colorpicker_test.js

@@ -0,0 +1,27 @@
+var assert = require('assert');
+
+Feature('colorpicker');
+
+Scenario('test ColorPicker Editor  without third party library', async (I) => {
+  I.amOnPage('colorpicker-no-3rd-party.html');
+  I.seeElement('[name="root[colorpicker]');
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({"colorpicker":"#efefef"}));
+});
+
+Scenario('test ColorPicker Editor  using vanilla-picker', async (I) => {
+  I.amOnPage('colorpicker-use-vanilla-picker.html');
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({"colorpicker":"rgba(0,0,0,1)"}));
+  I.click('[data-schemapath="root.colorpicker"]');
+  I.seeElement('[name="root[colorpicker]"]');
+  await I.dragAndDrop('[data-schemapath="root.colorpicker"] .picker_wrapper .picker_sl .picker_selector', '[data-schemapath="root.colorpicker"] .picker_wrapper .picker_sl')
+  await I.dragAndDrop('[data-schemapath="root.colorpicker"] .picker_wrapper .picker_hue .picker_selector', '[data-schemapath="root.colorpicker"] .picker_wrapper .picker_hue')
+  await I.dragAndDrop('[data-schemapath="root.colorpicker"] .picker_wrapper .picker_alpha .picker_selector', '[data-schemapath="root.colorpicker"] .picker_wrapper .picker_alpha')
+  I.click('.picker_done button')
+  // I.click('.get-value');
+  I.click('.get-value');
+  const color = await I.grabValueFrom('.debug')
+  const reg = /\{"colorpicker":"rgba\(6\d,19\d,19\d,0.5\d*\)"\}/;
+  assert.ok(reg.test(color), color + ' match ' + reg);
+});

package/tests/codeceptjs/editors/datetime_test.js

@@ -0,0 +1,33 @@
+/* global Feature Scenario */
+
+const assert = require('assert')
+
+const today = (offset) => {
+  const t = new Date()
+  t.setDate(t.getDate() + (offset || 0))
+  return t.toISOString().split('T')[0]
+}
+
+Feature('datetime')
+
+Scenario('should have correct initial value @datetime', async (I) => {
+  I.amOnPage('datetime.html')
+  I.wait(1)
+  I.click('#get-value')
+  assert.equal(await I.grabValueFrom('#value'), '{"time":"12:00","date":"' + today() + '","datetimelocal":"' + today() + 'T00:00' + '"}')
+})
+
+Scenario('time should have max and min attributes @datetime', async (I) => {
+  assert.equal(await I.grabAttributeFrom('[name="root[time]"]', 'min'), '11:00')
+  assert.equal(await I.grabAttributeFrom('[name="root[time]"]', 'max'), '13:00')
+})
+
+Scenario('date should have max and min attributes @datetime', async (I) => {
+  assert.equal(await I.grabAttributeFrom('[name="root[date]"]', 'min'), '1970-01-01')
+  assert.equal(await I.grabAttributeFrom('[name="root[date]"]', 'max'), '2100-01-01')
+})
+
+Scenario('datetimelocal should have max and min attributes @datetime', async (I) => {
+  assert.equal(await I.grabAttributeFrom('[name="root[datetimelocal]"]', 'min'), '1970-01-01T00:00')
+  assert.equal(await I.grabAttributeFrom('[name="root[datetimelocal]"]', 'max'), '2100-01-01T00:00')
+})

package/tests/codeceptjs/editors/inheritance_test.js

@@ -0,0 +1,11 @@
+var assert = require('assert');
+
+Feature('inheritance');
+
+Scenario('should display all required fields in the allOf hierarchy', async (I) => {
+  I.amOnPage('inheritance.html');
+  I.seeElement('[data-schemapath="root.breed"]');
+  I.seeElement('[data-schemapath="root.numLegs"]');
+  I.seeElement('[data-schemapath="root.id"]');
+});
+

package/tests/codeceptjs/editors/integer_test.js

@@ -0,0 +1,84 @@
+var assert = require('assert');
+
+Feature('integer');
+
+Scenario('should have correct initial value', async (I) => {
+  I.amOnPage('integer.html');
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"integer":5,"integer_number":5,"integer_range":5}');
+});
+
+Scenario('should respect step by incrementing and decrementing the value of a number', async (I) => {
+  I.amOnPage('integer.html');
+  I.seeElement('[data-schemapath="root.integer"] input');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.integer_number"] input');
+    range.stepUp();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"integer":5,"integer_number":10,"integer_range":5}');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.integer_number"] input');
+    range.stepDown();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"integer":5,"integer_number":5,"integer_range":5}');
+});
+
+Scenario('should respect step by incrementing and decrementing the value of a range', async (I) => {
+  I.amOnPage('integer.html');
+  I.seeElement('[data-schemapath="root.integer_range"] input');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.integer_range"] input');
+    range.stepUp();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"integer":5,"integer_number":5,"integer_range":10}');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.integer_range"] input');
+    range.stepDown();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"integer":5,"integer_number":5,"integer_range":5}');
+});
+
+Scenario('should be readonly if specified and not disabled', async (I) => {
+  I.amOnPage('read-only.html');
+  I.seeReadOnlyAttribute('[name="root[integer]"]');
+});
+
+Scenario('should update output when setValue is called', async (I) => {
+  I.amOnPage('integer.html');
+  I.click('.set-value');
+  I.see('2', '[data-schemapath="root.integer_range"] output');
+});
+
+Scenario('should validate value', async (I) => {
+  I.amOnPage('integer.html');
+  await I.fillField('[name="root[integer]"]', '5-5');
+  I.click('.get-value');
+  I.see('Value must be of type integer.', '[data-schemapath="root.integer"] div');
+  assert.equal(await I.grabValueFrom('.value'), '{"integer":"5-5","integer_number":5,"integer_range":5}');
+});
+
+

package/tests/codeceptjs/editors/issues/issue-gh-812_test.js

@@ -0,0 +1,32 @@
+/* global Feature Scenario */
+
+const assert = require('assert')
+let value
+
+Feature('issues')
+
+Scenario('GitHub issue 812 should remain fixed @issue-812', async (I) => {
+  I.amOnPage('issues/issue-gh-812.html')
+
+  I.click('.get-value')
+  value = await I.grabValueFrom('.debug')
+  assert.equal(value, '{"students":[{"name":"AAA","sessions":[{"student_name":"AAA","minutes":15},{"student_name":"AAA","minutes":15}]},{"name":"BBB","sessions":[{"student_name":"BBB","minutes":20}]},{"name":"CCC","sessions":[{"student_name":"CCC","minutes":10}]}]}')
+
+  I.amAcceptingPopups()
+  I.click('//*[@id="root.students.0"]/span[2]/button[contains(@class, "json-editor-btn-delete") and @data-i="0"]')
+  I.retry({ retries: 5, minTimeout: 500 }).seeInPopup('Are you sure you want to remove this node?')
+  I.acceptPopup()
+
+  I.click('.get-value')
+  value = await I.grabValueFrom('.debug')
+  assert.equal(value, '{"students":[{"name":"BBB","sessions":[{"student_name":"BBB","minutes":20}]},{"name":"CCC","sessions":[{"student_name":"CCC","minutes":10}]}]}')
+
+  I.amAcceptingPopups()
+  I.click('//*[@id="root.students.0"]/span[2]/button[contains(@class, "json-editor-btn-delete") and @data-i="0"]')
+  I.retry({ retries: 5, minTimeout: 500 }).seeInPopup('Are you sure you want to remove this node?')
+  I.acceptPopup()
+
+  I.click('.get-value')
+  value = await I.grabValueFrom('.debug')
+  assert.equal(value, '{"students":[{"name":"CCC","sessions":[{"student_name":"CCC","minutes":10}]}]}')
+})

package/tests/codeceptjs/editors/jodit_test.js

@@ -0,0 +1,24 @@
+var assert = require('assert');
+
+Feature('jodit');
+
+Scenario('should have correct initial value', async (I) => {
+  I.amOnPage('string-jodit-editor.html');
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.debug'), '[]');
+});
+
+Scenario('should have coerent values', async (I) => {
+  I.amOnPage('string-jodit-editor.html');
+  I.click('Add item');
+  I.see('item 1');
+  I.seeElement('.jodit_wysiwyg');
+
+  I.click('.jodit_toolbar_btn-bold a');
+  I.pressKeys('__JODIT__');
+  I.see('__JODIT__');
+
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{"editor":"<strong>__JODIT__</strong>"}]));
+
+});

package/tests/codeceptjs/editors/multiselect_test.js

@@ -0,0 +1,8 @@
+var assert = require('assert');
+
+Feature('multiselect');
+
+Scenario('should be disabled if "readonly" is specified', async (I) => {
+  I.amOnPage('read-only.html');
+  I.seeDisabledAttribute('[name="root[multiselect]"]');
+});

package/tests/codeceptjs/editors/number_test.js

@@ -0,0 +1,82 @@
+var assert = require('assert');
+
+Feature('number');
+
+Scenario('should have correct initial value', async (I) => {
+  I.amOnPage('number.html');
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"number":5.75,"number_number":5.75,"number_range":5.75}');
+});
+
+Scenario('should validate value', async (I) => {
+  I.amOnPage('number.html');
+  await I.fillField('[name="root[number]"]', '12-12');
+  I.click('.get-value');
+  I.waitForText('Value must be of type number.', 5, '[data-schemapath="root.number"] .invalid-feedback');
+  assert.equal(await I.grabValueFrom('.value'), '{"number":"12-12","number_number":5.75,"number_range":5.75}');
+});
+
+Scenario('should respect step by incrementing and decrementing the value of a number', async (I) => {
+  I.amOnPage('number.html');
+  I.seeElement('[data-schemapath="root.number_number"] input');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.number_number"] input');
+    range.stepUp();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"number":5.75,"number_number":6,"number_range":5.75}');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.number_number"] input');
+    range.stepDown();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"number":5.75,"number_number":5.75,"number_range":5.75}');
+});
+
+Scenario('should respect step by incrementing and decrementing the value of a range', async (I) => {
+  I.amOnPage('number.html');
+  I.seeElement('[data-schemapath="root.number_range"] input');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.number_range"] input');
+    range.stepUp();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"number":5.75,"number_number":5.75,"number_range":6}');
+  I.executeScript(function() {
+    var range = document.querySelector('[data-schemapath="root.number_range"] input');
+    range.stepDown();
+    var event = new Event('change', {
+      'bubbles': true,
+      'cancelable': true
+    });
+    range.dispatchEvent(event);
+  });
+  I.click('.get-value');
+  assert.equal(await I.grabValueFrom('.value'), '{"number":5.75,"number_number":5.75,"number_range":5.75}');
+});
+
+Scenario('should be readonly if specified and not disabled', async (I) => {
+  I.amOnPage('read-only.html');
+  I.seeReadOnlyAttribute('[name="root[number]"]');
+});
+
+Scenario('should update output when setValue is called', async (I) => {
+  I.amOnPage('number.html');
+  I.click('.set-value');
+  I.see('2', '[data-schemapath="root.number_range"] output');
+});

package/tests/codeceptjs/editors/object_test.js

@@ -0,0 +1,204 @@
+/* global Feature Scenario */
+
+const assert = require('assert')
+
+Feature('object')
+
+Scenario('should respect property orders', async (I) => {
+  I.amOnPage('object.html')
+  assert.equal(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(1) [data-schemapath^="root."]', 'data-schemapath'), 'root.age')
+  assert.equal(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(2) [data-schemapath^="root."]', 'data-schemapath'), 'root.name')
+  assert.equal(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(3) [data-schemapath^="root."]', 'data-schemapath'), 'root.single')
+  assert.equal(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(4) [data-schemapath^="root."]', 'data-schemapath'), 'root.values')
+  assert.equal(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(5) [data-schemapath^="root."]', 'data-schemapath'), 'root.zodiac')
+})
+
+Scenario('should validate required properties', async (I) => {
+  I.amOnPage('object.html')
+  I.see('Value must be at least 18.')
+})
+
+Scenario('should validate also not required properties', async (I) => {
+  I.amOnPage('object.html')
+  I.see('Value must be at least 3 characters long.')
+})
+
+Scenario('grid-strict rows and columns', (I) => {
+  I.amOnPage('grid-strict.html')
+  I.seeNumberOfVisibleElements('.row', 13)
+  I.seeElement('.col-md-1')
+  I.seeElement('.col-md-2')
+  I.seeElement('.col-md-3')
+  I.seeElement('.col-md-4')
+  I.seeElement('.col-md-5')
+  I.seeElement('.col-md-6')
+  I.seeElement('.col-md-7')
+  I.seeElement('.col-md-8')
+  I.seeElement('.col-md-9')
+  I.seeElement('.col-md-10')
+  I.seeElement('.col-md-11')
+  I.seeElement('.col-md-12')
+  I.seeElement('.col-md-1.offset-md-1')
+  I.seeElement('.col-md-1.offset-md-2')
+  I.seeElement('.col-md-1.offset-md-3')
+  I.seeElement('.col-md-1.offset-md-4')
+  I.seeElement('.col-md-1.offset-md-5')
+  I.seeElement('.col-md-1.offset-md-6')
+  I.seeElement('.col-md-1.offset-md-7')
+  I.seeElement('.col-md-1.offset-md-8')
+  I.seeElement('.col-md-1.offset-md-9')
+  I.seeElement('.col-md-1.offset-md-10')
+  I.seeElement('.col-md-1.offset-md-11')
+})
+
+Scenario('grid rows and columns', (I) => {
+  I.amOnPage('grid.html')
+  I.seeNumberOfVisibleElements('.row', 6)
+  I.seeNumberOfVisibleElements('.col-md-12', 1)
+  I.seeNumberOfVisibleElements('.col-md-6', 3)
+  I.seeNumberOfVisibleElements('.col-md-4', 3)
+  I.seeNumberOfVisibleElements('.col-md-3', 4)
+  I.seeNumberOfVisibleElements('.col-md-2', 6)
+  I.seeNumberOfVisibleElements('.col-md-1', 6)
+})
+
+Scenario('opt in optional properties @show_opt_in', async (I) => {
+  I.amOnPage('object-required-properties.html')
+
+  // 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')
+
+  // 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.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.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"number":0,"boolean":false}')
+
+  // Opening and Closing "Edit JSON" should keep opt-in state.
+
+  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.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.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"number":0,"boolean":false}')
+
+  // opt-in string property
+
+  I.click('[data-schemapath="root.string"] .json-editor-opt-in')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"string":"","number":0,"boolean":false}')
+
+  // 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":[]}')
+
+  // 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":[]}}')
+
+  // 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')
+})
+
+Scenario('set value opt in optional properties @show_opt_in', async (I) => {
+  I.amOnPage('object-required-properties.html')
+
+  // all editors visible
+  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.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)
+
+  // set values
+  I.click('.set-value')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"string":"test","number":0,"boolean":false,"array":["test"],"object":{"string":"","number":10,"boolean":true,"array":[]}}')
+
+  // set empty values
+  I.click('.set-empty-value')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"number":0,"boolean":false}')
+
+  // all editorsstill visible
+  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.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)
+})
+
+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) => {
+  I.amOnPage('object-no-additional-properties.html')
+  I.seeElement('[data-schemapath="root.aptrue.name"] input')
+  I.seeElement('[data-schemapath="root.aptrue.age"] input')
+  I.seeElement('[data-schemapath="root.apfalse.name"] input')
+  I.dontSeeElement('[data-schemapath="root.apfalse.age"] input')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"aptrue":{"name":"Albert","age":0},"apfalse":{"name":"Albert"}}')
+})
+
+Scenario('should have unique ids', (I) => {
+  I.amOnPage('object-no-duplicated-id.html')
+  I.donSeeDuplicatedIds()
+  I.waitForText('i am actually a cat')
+  I.waitForText('i am actually a dog')
+  I.click('.json-editor-btn-edit_properties')
+  I.click('.form-group:nth-child(1) .form-check-input')
+  I.waitForText('i am actually a dog')
+  I.click('.form-group:nth-child(1) .form-check-input')
+  I.click('.form-group:nth-child(2) .form-check-input')
+  I.waitForText('i am actually a cat')
+})
+
+Scenario('should hide properties with unfulfilled dependencies', (I) => {
+  I.amOnPage('object-with-dependencies.html')
+  I.seeElement('[data-schemapath="root.enable_option"] input')
+  I.dontSeeElement('[data-schemapath="root.make_new"] input')
+  I.dontSeeElement('[data-schemapath="root.existing_name"] input')
+
+  I.click('[data-schemapath="root.enable_option"] input')
+  I.seeElement('[data-schemapath="root.enable_option"] input')
+  I.seeElement('[data-schemapath="root.make_new"] input')
+  I.dontSeeElement('[data-schemapath="root.existing_name"] input')
+})
+
+Scenario('should respect multiple dependency values', (I) => {
+  I.amOnPage('object-with-dependencies-array.html')
+  I.waitForVisible('[data-schemapath="root.answerB"] input', 5)
+  I.selectOption('[name="root[answerA]"]', 'C')
+  I.waitForInvisible('[data-schemapath="root.answerB"] input', 5)
+  I.selectOption('[name="root[answerA]"]', 'B')
+  I.waitForVisible('[data-schemapath="root.answerB"] input', 5)
+  I.selectOption('[name="root[answerA]"]', 'A')
+  I.waitForVisible('[data-schemapath="root.answerB"] input', 5)
+})

package/tests/codeceptjs/editors/option-no_default_values_test.js

@@ -0,0 +1,42 @@
+var assert = require('assert')
+
+Feature('option no_default_values')
+
+Scenario('should have correct initial value', async (I) => {
+  I.amOnPage('option-no_default_values.html')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({
+    integer: undefined,
+    number: undefined,
+    string: undefined
+  }))
+})
+
+Scenario('should have correct values on empty dirty field', async (I) => {
+  I.amOnPage('option-no_default_values.html')
+  I.click('.get-value')
+
+  await I.fillField('[name="root[integer]"]', '3')
+  await I.fillField('[name="root[number]"]', '3')
+  await I.fillField('[name="root[string]"]', 'foo')
+  I.click('.force-change')
+  I.click('.get-value')
+
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({
+    number: 3.0,
+    string: 'foo',
+    integer: 3
+  }))
+
+  await I.clearField('[name="root[integer]"]')
+  await I.clearField('[name="root[number]"]')
+  await I.clearField('[name="root[string]"]')
+  I.click('.force-change')
+  I.click('.get-value')
+
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({
+    number: undefined,
+    string: '',
+    integer: undefined
+  }))
+})

package/tests/codeceptjs/editors/programmatic-changes_test.js

@@ -0,0 +1,20 @@
+/* global Feature Scenario */
+
+var assert = require('assert')
+
+Feature('Programmatic changes')
+
+Scenario('should have correct initial value', async (I) => {
+  I.amOnPage('programmatic-changes.html')
+  I.waitForText('READY', 5, '.state')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"boolean":false,"boolean_checkbox":false,"string":"","integer":0,"number":0,"array":[],"array_checkbox":[],"array_select":[]}')
+})
+
+Scenario('should have correct values after setting them programmatically', async (I) => {
+  I.amOnPage('programmatic-changes.html')
+  I.waitForText('READY', 5, '.state')
+  I.click('.set-values')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"boolean":true,"boolean_checkbox":true,"string":"hello","integer":5,"number":5.5,"array":[1,2,3],"array_checkbox":["value1","value2"],"array_select":[1,2,3]}')
+})

package/tests/codeceptjs/editors/radio_test.js

@@ -0,0 +1,10 @@
+/* global Feature Scenario */
+
+Feature('radio')
+
+Scenario('should be disabled if "readonly" is specified', async (I) => {
+  I.amOnPage('read-only.html')
+
+  I.seeDisabledAttribute('[id="root[radio][0]"]')
+  I.seeDisabledAttribute('[id="root[radio][1]"]')
+})