@json-editor/json-editor 2.5.2 → 2.6.1

package/tests/codeceptjs/editors/object_test.js

@@ -1,140 +1,225 @@
-const assert = require('assert');
+/* global Feature Scenario */
 
-Feature('object');
+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');
-});
+  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.');
-});
+  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.');
-});
+  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');
-});
+  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', async (I) => {
-  I.amOnPage('object-required-properties.html');
+  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');
+  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}');
+  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.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}');
+  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}');
+  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,"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":[]}');
+  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,"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":[]}}');
+  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,"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');
-
-});
-
-Scenario('should hide but not delete additional properties, when no_additional_properties is true @optional', async (I) => {
-  I.amOnPage('object-no-additional-properties.html');
-  I.seeElement('[data-schemapath="root.name"] input');
-  I.dontSeeElement('[data-schemapath="root.age"] input');
-  I.click('.get-value');
-  let json = await I.grabValueFrom('.value');
-  let value = JSON.parse(json);
-  assert.equal(value.name, "Jeremy Dorn");
-  assert.equal(value.age, 34); // This will currently fail
-});
+  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) => {
+  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.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')
+  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.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) => {
+  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.amOnPage('object-no-duplicated-id.html')
   I.donSeeDuplicatedIds()
   I.waitForText('i am actually a cat')
   I.waitForText('i am actually a dog')
@@ -144,16 +229,47 @@ Scenario('should have unique ids', (I) => {
   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 hide properties with unfulfilled dependencies @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 @dependencies', (I) => {
+  I.amOnPage('object-with-dependencies-array.html')
+  I.waitForVisible('[data-schemapath="root.question_1"] select', 5)
+  I.selectOption('[name="root[question_1]"]', 'a')
+  I.waitForInvisible('[data-schemapath="root.question_1_feedback"]', 5)
+  I.selectOption('[name="root[question_1]"]', 'b')
+  I.waitForVisible('[data-schemapath="root.question_1_feedback"]', 5)
+  I.selectOption('[name="root[question_1]"]', 'c')
+  I.waitForInvisible('[data-schemapath="root.question_1_feedback"]', 5)
+  I.selectOption('[name="root[question_1]"]', 'd')
+  I.waitForVisible('[data-schemapath="root.question_1_feedback"]', 5)
+
+  I.waitForVisible('[data-schemapath="root.question_2"]', 5)
+  I.waitForInvisible('[data-schemapath="root.question_2_feedback"]', 5)
+  I.click('label[for="root[question_2]1"]')
+  I.click('label[for="root[question_2]2"]')
+  I.waitForVisible('[data-schemapath="root.question_2_feedback"]', 5)
+  I.click('label[for="root[question_2]0"]')
+  I.click('label[for="root[question_2]3"]')
+  I.waitForInvisible('[data-schemapath="root.question_2_feedback"]', 5)
+})
+
+Scenario('should open and close the properties modal', (I) => {
+  I.amOnPage('object.html')
+  I.seeElement('.json-editor-btn-edit_properties')
+  I.click('.json-editor-btn-edit_properties')
+  I.seeElement('.je-modal .property-selector')
+  I.click('textarea')
+  I.dontSeeElement('.je-modal .property-selector')
+})

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

@@ -1,3 +1,5 @@
+/* global Feature Scenario */
+
 var assert = require('assert')
 
 Feature('Programmatic changes')
@@ -9,7 +11,7 @@ Scenario('should have correct initial value', async (I) => {
   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 @optional', async (I) => {
+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')

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]"]')
+})

package/tests/codeceptjs/editors/rating_test.js

@@ -1,14 +1,13 @@
-var assert = require('assert');
+/* global Feature Scenario */
 
-Feature('rating');
+Feature('rating')
 
 Scenario('should be disabled if "readonly" is specified', async (I) => {
-  I.amOnPage('read-only.html');
-
-  I.seeDisabledAttribute('[id="root[rating]5"]');
-  I.seeDisabledAttribute('[id="root[rating]4"]');
-  I.seeDisabledAttribute('[id="root[rating]3"]');
-  I.seeDisabledAttribute('[id="root[rating]2"]');
-  I.seeDisabledAttribute('[id="root[rating]1"]');
-
-});
+  I.amOnPage('read-only.html')
+
+  I.seeDisabledAttribute('[id="root[rating]5"]')
+  I.seeDisabledAttribute('[id="root[rating]4"]')
+  I.seeDisabledAttribute('[id="root[rating]3"]')
+  I.seeDisabledAttribute('[id="root[rating]2"]')
+  I.seeDisabledAttribute('[id="root[rating]1"]')
+})

package/tests/codeceptjs/editors/select_test.js

@@ -1,20 +1,22 @@
-var assert = require('assert');
+/* global Feature Scenario */
 
-Feature('select');
+var assert = require('assert')
+
+Feature('select')
 
 Scenario('should return correct booleans values when selected', async (I) => {
-  I.amOnPage('select.html');
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.value'), '{"boolean":true}');
-  I.selectOption('[name="root[boolean]"]', 'false');
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.value'), '{"boolean":false}');
-  I.selectOption('[name="root[boolean]"]', 'true');
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.value'), '{"boolean":true}');
-});
+  I.amOnPage('select.html')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"boolean":true}')
+  I.selectOption('[name="root[boolean]"]', 'false')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"boolean":false}')
+  I.selectOption('[name="root[boolean]"]', 'true')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"boolean":true}')
+})
 
 Scenario('should be disabled if "readonly" is specified', async (I) => {
-  I.amOnPage('read-only.html');
-  I.seeDisabledAttribute('[name="root[select]"]');
-});
+  I.amOnPage('read-only.html')
+  I.seeDisabledAttribute('[name="root[select]"]')
+})

package/tests/codeceptjs/editors/stepper_test.js

@@ -1,4 +1,4 @@
-/* global Feature Scenario Event */
+/* global Feature Scenario */
 
 var assert = require('assert')
 
@@ -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}')
+})