@json-editor/json-editor 2.9.0 → 2.10.0

package/tests/codeceptjs/editors/object_test.js

@@ -5,26 +5,26 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('object')
 
-Scenario('should respect property orders', async (I) => {
+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')
+  assert.strictEqual(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(1) [data-schemapath^="root."]', 'data-schemapath'), 'root.age')
+  assert.strictEqual(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(2) [data-schemapath^="root."]', 'data-schemapath'), 'root.name')
+  assert.strictEqual(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(3) [data-schemapath^="root."]', 'data-schemapath'), 'root.single')
+  assert.strictEqual(await I.grabAttributeFrom('[data-schemapath^="root"] .row:nth-of-type(4) [data-schemapath^="root."]', 'data-schemapath'), 'root.values')
+  assert.strictEqual(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) => {
+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) => {
+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) => {
+Scenario('grid-strict rows and columns', ({ I }) => {
   I.amOnPage('grid-strict.html')
   I.seeNumberOfVisibleElements('.row', 13)
   I.seeElement('.col-md-1')
@@ -52,7 +52,7 @@ Scenario('grid-strict rows and columns', (I) => {
   I.seeElement('.col-md-1.offset-md-11')
 })
 
-Scenario('grid rows and columns', (I) => {
+Scenario('grid rows and columns', ({ I }) => {
   I.amOnPage('grid.html')
   I.seeNumberOfVisibleElements('.row', 6)
   I.seeNumberOfVisibleElements('.col-md-12', 1)
@@ -63,7 +63,7 @@ Scenario('grid rows and columns', (I) => {
   I.seeNumberOfVisibleElements('.col-md-1', 6)
 })
 
-Scenario('opt in optional properties @show_opt_in', async (I) => {
+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.
@@ -88,7 +88,7 @@ Scenario('opt in optional properties @show_opt_in', async (I) => {
   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.waitForValue('.value', '{"number":0,"boolean":false}')
 
   // Opening and Closing "Edit JSON" should keep opt-in state.
 
@@ -112,26 +112,26 @@ Scenario('opt in optional properties @show_opt_in', async (I) => {
   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.waitForValue('.value', '{"number":0,"boolean":false}')
 
   // 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,"radio":"Home"}')
+  I.waitForValue('.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,"radio":"Home","array":[]}')
+  I.waitForValue('.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,"radio":"Home","array":[],"object":{"string":"","array":[]}}')
+  I.waitForValue('.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')
@@ -139,7 +139,7 @@ Scenario('opt in optional properties @show_opt_in', async (I) => {
   I.dontSeeDisabledAttribute('[data-schemapath="root.object.radio"] .json-editor-opt-in')
 })
 
-Scenario('set value opt in optional properties @show_opt_in', async (I) => {
+Scenario('set value opt in optional properties @show_opt_in', async ({ I }) => {
   I.amOnPage('object-required-properties.html')
 
   // all editors visible
@@ -157,12 +157,12 @@ Scenario('set value opt in optional properties @show_opt_in', async (I) => {
   // 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":[]}}')
+  I.waitForValue('.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}')
+  I.waitForValue('.value', '{"number":0,"boolean":false}')
 
   // all editorsstill visible
   I.waitForElement('[data-schemapath="root.string"]', DEFAULT_WAIT_TIME)
@@ -177,7 +177,7 @@ Scenario('set value opt in optional properties @show_opt_in', async (I) => {
   I.waitForElement('[data-schemapath="root.object.radio"]', DEFAULT_WAIT_TIME)
 })
 
-Scenario('set value opt in optional properties @show_opt_in_schema', async (I) => {
+Scenario('set value opt in optional properties @show_opt_in_schema', async ({ I }) => {
   I.amOnPage('object-show-opt-in.html')
 
   // all editors visible
@@ -209,17 +209,17 @@ Scenario('set value opt in optional properties @show_opt_in_schema', async (I) =
   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) => {
+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"}}')
+  I.waitForValue('.value', '{"aptrue":{"name":"Albert","age":0},"apfalse":{"name":"Albert"}}')
 })
 
-Scenario('should have unique ids', (I) => {
+Scenario('should have unique ids', ({ I }) => {
   I.amOnPage('object-no-duplicated-id.html')
   I.donSeeDuplicatedIds()
   I.waitForText('i am actually a cat')
@@ -232,7 +232,7 @@ Scenario('should have unique ids', (I) => {
   I.waitForText('i am actually a cat')
 })
 
-Scenario('should hide properties with unfulfilled dependencies @dependencies', (I) => {
+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')
@@ -244,7 +244,33 @@ Scenario('should hide properties with unfulfilled dependencies @dependencies', (
   I.dontSeeElement('[data-schemapath="root.existing_name"] input')
 })
 
-Scenario('should respect multiple dependency values @dependencies', (I) => {
+Scenario('should fulfill dependencies whit fully qualified paths @dependencies', ({ I }) => {
+  I.amOnPage('option-dependencies.html')
+  I.waitForText('Female specific question?')
+  I.waitForText('Female specific age question?')
+  I.dontSee('Male specific question?')
+  I.dontSee('Male specific age question?')
+  I.dontSee('What is your preferred gender?')
+  I.dontSee('Other specific age question?')
+
+  I.selectOption('[id="root[gender]"]', 'male')
+  I.dontSee('Female specific question?')
+  I.dontSee('Female specific age question?')
+  I.waitForText('Male specific question?')
+  I.waitForText('Male specific age question?')
+  I.dontSee('What is your preferred gender?')
+  I.dontSee('Other specific age question?')
+
+  I.selectOption('[id="root[gender]"]', 'other')
+  I.dontSee('Female specific question?')
+  I.dontSee('Female specific age question?')
+  I.dontSee('Male specific question?')
+  I.dontSee('Male specific age question?')
+  I.waitForText('What is your preferred gender?')
+  I.waitForText('Other specific age question?')
+})
+
+Scenario('should respect multiple dependency values @dependencies', ({ I }) => {
   I.amOnPage('object-with-dependencies-array.html')
   I.waitForVisible('[data-schemapath="root.question_1"] select', DEFAULT_WAIT_TIME)
   I.selectOption('[name="root[question_1]"]', 'a')
@@ -266,7 +292,7 @@ Scenario('should respect multiple dependency values @dependencies', (I) => {
   I.waitForInvisible('[data-schemapath="root.question_2_feedback"]', DEFAULT_WAIT_TIME)
 })
 
-Scenario('should open and close the properties modal', (I) => {
+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')

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

@@ -1,18 +1,18 @@
-var assert = require('assert')
+/* global Feature Scenario */
 
 Feature('option no_default_values')
 
-Scenario('should have correct initial value @no_default_values', async (I) => {
+Scenario('should have correct initial value @no_default_values', async ({ I }) => {
   I.amOnPage('option-no_default_values.html')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({
+  I.waitForValue('.debug', JSON.stringify({
     integer: undefined,
     number: undefined,
     string: undefined
   }))
 })
 
-Scenario('should have correct values on empty dirty field', async (I) => {
+Scenario('should have correct values on empty dirty field', async ({ I }) => {
   I.amOnPage('option-no_default_values.html')
   I.click('.get-value')
 
@@ -22,7 +22,7 @@ Scenario('should have correct values on empty dirty field', async (I) => {
   I.click('.force-change')
   I.click('.get-value')
 
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({
+  I.waitForValue('.debug', JSON.stringify({
     number: 3.0,
     string: 'foo',
     integer: 3
@@ -34,7 +34,7 @@ Scenario('should have correct values on empty dirty field', async (I) => {
   I.click('.force-change')
   I.click('.get-value')
 
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({
+  I.waitForValue('.debug', JSON.stringify({
     number: undefined,
     string: '',
     integer: undefined

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

@@ -1,21 +1,20 @@
 /* global Feature Scenario */
 
-var assert = require('assert')
 const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('Programmatic changes')
 
-Scenario('should have correct initial value', async (I) => {
+Scenario('should have correct initial value', async ({ I }) => {
   I.amOnPage('programmatic-changes.html')
   I.waitForText('READY', DEFAULT_WAIT_TIME, '.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":[]}')
+  I.waitForValue('.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) => {
+Scenario('should have correct values after setting them programmatically', async ({ I }) => {
   I.amOnPage('programmatic-changes.html')
   I.waitForText('READY', DEFAULT_WAIT_TIME, '.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]}')
+  I.waitForValue('.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

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

package/tests/codeceptjs/editors/range_test.js

@@ -1,12 +1,10 @@
 /* global Feature Scenario */
 
-var assert = require('assert')
-
 Feature('range')
 
-Scenario('should have and display initial value @range', async (I) => {
+Scenario('should have and display initial value @range', async ({ I }) => {
   I.amOnPage('range.html')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"speed":1}')
+  I.waitForValue('.value', '{"speed":1}')
   I.waitForText('1', 5, 'output')
 })

package/tests/codeceptjs/editors/rating_test.js

@@ -2,7 +2,7 @@
 
 Feature('rating')
 
-Scenario('should be disabled if "readonly" is specified', async (I) => {
+Scenario('should be disabled if "readonly" is specified', async ({ I }) => {
   I.amOnPage('read-only.html')
 
   I.seeDisabledAttribute('[id="root[rating]5"]')

package/tests/codeceptjs/editors/select_test.js

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

package/tests/codeceptjs/editors/stepper_test.js

@@ -1,39 +1,37 @@
 /* global Feature Scenario */
 
-var assert = require('assert')
-
 Feature('stepper')
 
-Scenario('should validate value @stepper', async (I) => {
+Scenario('should validate value @stepper', async ({ I }) => {
   I.amOnPage('stepper.html')
   I.click('.get-value')
   I.see('Property must be set.', '[data-schemapath="root.stepper"] div')
-  assert.equal(await I.grabValueFrom('.value'), '{}')
+  I.waitForValue('.value', '{}')
 })
 
-Scenario('should be constrained to maximun and minimun values when stepped @stepper', async (I) => {
+Scenario('should be constrained to maximun and minimun values when stepped @stepper', async ({ I }) => {
   I.amOnPage('stepper.html')
   I.click('.stepper-up')
   I.click('.stepper-up')
   I.click('.stepper-up')
   I.click('.get-value')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"stepper":6}')
+  I.waitForValue('.value', '{"stepper":6}')
   I.click('.stepper-down')
   I.click('.stepper-down')
   I.click('.stepper-down')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"stepper":5}')
+  I.waitForValue('.value', '{"stepper":5}')
 })
 
-Scenario('should be correct initialized when manually set @stepper', async (I) => {
+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.waitForValue('.value', '{"stepper":11}')
   I.click('.stepper-down')
   I.click('.stepper-down')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"stepper":9}')
+  I.waitForValue('.value', '{"stepper":9}')
 })

package/tests/codeceptjs/editors/string_test.js

@@ -4,13 +4,13 @@ var assert = require('assert')
 
 Feature('string')
 
-Scenario('should have correct initial value', async (I) => {
+Scenario('ace editor should have correct initial value', async ({ I }) => {
   I.amOnPage('string-ace-editor.html')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), '[]')
+  I.waitForValue('.debug', '[]')
 })
 
-Scenario('should have coerent values', async (I) => {
+Scenario('should have coerent values', async ({ I }) => {
   I.amOnPage('string-ace-editor.html')
   I.click('Add item')
   I.see('item 1')
@@ -21,16 +21,16 @@ Scenario('should have coerent values', async (I) => {
   I.see('__YELLOW__')
 
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{ editor: '__YELLOW__' }]))
+  I.waitForValue('.debug', JSON.stringify([{ editor: '__YELLOW__' }]))
 })
 
-Scenario('should have correct initial value', async (I) => {
+Scenario('sceditor should have correct initial value', async ({ I }) => {
   I.amOnPage('string-sceditor.html')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), '[]')
+  I.waitForValue('.debug', '[]')
 })
 
-Scenario('editor value and String editor should have coerent values @optional', async (I) => {
+Scenario('editor value and String editor should have coerent values @optional', async ({ I }) => {
   I.amOnPage('string-sceditor.html')
   I.click('Add item')
   I.see('item 1')
@@ -43,10 +43,10 @@ Scenario('editor value and String editor should have coerent values @optional',
   I.switchTo()
 
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{ editor: '<p>__YELLOW__</p>' }]))
+  I.waitForValue('.debug', JSON.stringify([{ editor: '<p>__YELLOW__</p>' }]))
 })
 
-Scenario('Should work correctly in arrays @optional', async (I) => {
+Scenario('Should work correctly in arrays @optional', async ({ I }) => {
   I.amOnPage('string-sceditor.html')
   I.click('Add item')
   I.click('Add item')
@@ -79,11 +79,11 @@ Scenario('Should work correctly in arrays @optional', async (I) => {
   I.switchTo()
 
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{ editor: '<p>__YELLOW__<br></p>' }, { editor: '<p>__BLUE__<br></p>' }]))
+  I.waitForValue('.debug', JSON.stringify([{ editor: '<p>__YELLOW__<br></p>' }, { editor: '<p>__BLUE__<br></p>' }]))
 
   I.click('.json-editor-btn-movedown')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{ editor: '<p>__BLUE__<br></p>' }, { editor: '<p>__YELLOW__<br></p>' }]))
+  I.waitForValue('.debug', JSON.stringify([{ editor: '<p>__BLUE__<br></p>' }, { editor: '<p>__YELLOW__<br></p>' }]))
 
   // the last 2 tests will fail because Sceditors iframes loose their content when the iframe is reloaded.
 
@@ -98,21 +98,21 @@ Scenario('Should work correctly in arrays @optional', async (I) => {
   I.switchTo()
 })
 
-Scenario('should be readonly if specified and not disabled', async (I) => {
+Scenario('should be readonly if specified and not disabled', async ({ I }) => {
   I.amOnPage('read-only.html')
   I.seeReadOnlyAttribute('[name="root[string]"]')
 })
 
-Scenario('should have a custom attribute with custom value', async (I) => {
+Scenario('should have a custom attribute with custom value', async ({ I }) => {
   I.amOnPage('string-custom-attributes.html')
   I.seeElement('[name="root[custom_attributes]"]')
-  assert.equal(await I.grabAttributeFrom('[name="root[custom_attributes]"]', 'custom-attribute'), 'custom-value')
+  assert.strictEqual(await I.grabAttributeFrom('[name="root[custom_attributes]"]', 'custom-attribute'), 'custom-value')
 })
 
-Scenario('should work with cleave.js library', async (I) => {
+Scenario('should work with cleave.js library', async ({ I }) => {
   I.amOnPage('string-cleave.html')
   I.seeElement('[name="root[cleave_test]"]')
   await I.fillField('[name="root[cleave_test]"]', '12345678901234567890')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({ cleave_test: '1234.567.890-1234' }))
+  I.waitForValue('.debug', JSON.stringify({ cleave_test: '1234.567.890-1234' }))
 })

package/tests/codeceptjs/editors/table-confirm-delete_test.js

@@ -1,32 +1,30 @@
 /* global Feature Scenario */
 
-var assert = require('assert')
-
 Feature('table')
 
-Scenario('should have correct initial value', async (I) => {
+Scenario('should have correct initial value', async ({ I }) => {
   I.amOnPage('table.html')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.debug'), '[]')
+  I.waitForValue('.debug', '[]')
 })
 
-Scenario('should ask for confirmation on node delete', async (I) => {
+Scenario('should ask for confirmation on node delete', async ({ I }) => {
   I.amOnPage('table.html')
   I.click('Add Node')
   I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
   I.amCancellingPopups()
   I.click('[data-schemapath="root.0"] .json-editor-btn-delete')
-  I.seeInPopup('Are you sure you want to remove this node?')
+  I.seeInPopup('Are you sure you want to remove this item?')
   I.cancelPopup()
   I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
   I.amAcceptingPopups()
   I.click('[data-schemapath="root.0"] .json-editor-btn-delete')
-  I.seeInPopup('Are you sure you want to remove this node?')
+  I.seeInPopup('Are you sure you want to remove this item?')
   I.acceptPopup()
   I.dontSeeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
 })
 
-Scenario('should ask for confirmation on node delete last', async (I) => {
+Scenario('should ask for confirmation on node delete last', async ({ I }) => {
   I.amOnPage('table.html')
   I.click('Add Node')
   I.click('Add Node')
@@ -34,19 +32,19 @@ Scenario('should ask for confirmation on node delete last', async (I) => {
   I.seeElement('[data-schemapath="root.1"] .json-editor-btn-delete')
   I.amCancellingPopups()
   I.click('Delete Last Node')
-  I.seeInPopup('Are you sure you want to remove this node?')
+  I.seeInPopup('Are you sure you want to remove this item?')
   I.cancelPopup()
   I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
   I.seeElement('[data-schemapath="root.1"] .json-editor-btn-delete')
   I.amAcceptingPopups()
   I.click('Delete Last Node')
-  I.seeInPopup('Are you sure you want to remove this node?')
+  I.seeInPopup('Are you sure you want to remove this item?')
   I.acceptPopup()
   I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
   I.dontSeeElement('[data-schemapath="root.1"] .json-editor-btn-delete')
 })
 
-Scenario('should ask for confirmation on node delete all', async (I) => {
+Scenario('should ask for confirmation on node delete all', async ({ I }) => {
   I.amOnPage('table.html')
   I.click('Add Node')
   I.click('Add Node')
@@ -54,13 +52,13 @@ Scenario('should ask for confirmation on node delete all', async (I) => {
   I.seeElement('[data-schemapath="root.1"] .json-editor-btn-delete')
   I.amCancellingPopups()
   I.click('Delete All')
-  I.seeInPopup('Are you sure you want to remove this node?')
+  I.seeInPopup('Are you sure you want to remove this item?')
   I.cancelPopup()
   I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
   I.seeElement('[data-schemapath="root.1"] .json-editor-btn-delete')
   I.amAcceptingPopups()
   I.click('Delete All')
-  I.seeInPopup('Are you sure you want to remove this node?')
+  I.seeInPopup('Are you sure you want to remove this item?')
   I.acceptPopup()
   I.dontSeeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
   I.dontSeeElement('[data-schemapath="root.1"] .json-editor-btn-delete')

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/editors/uuid_test.js

@@ -4,45 +4,45 @@ const assert = require('assert')
 
 Feature('uuid')
 
-Scenario('should have initial value matching uuid @uuid', async (I) => {
+Scenario('should have initial value matching uuid @uuid', async ({ I }) => {
   I.amOnPage('uuid.html')
   I.wait(1)
   const value = await I.grabValueFrom('[name="root[uuid]"]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value)), true)
 })
 
-Scenario('should have initial value matching uuid in arrays @uuid', async (I) => {
+Scenario('should have initial value matching uuid in arrays @uuid', async ({ I }) => {
   I.click('Add uuid string array item')
   I.click('Add uuid string array item')
   const value0 = await I.grabValueFrom('[name="root[uuidStringArray][0]"]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
   const value1 = await I.grabValueFrom('[name="root[uuidStringArray][1]"]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
 })
 
-Scenario('should have initial value matching uuid in arrays of objects with @uuid', async (I) => {
+Scenario('should have initial value matching uuid in arrays of objects with @uuid', async ({ I }) => {
   I.click('Add uuid object array item')
   I.click('Add uuid object array item')
   const value0 = await I.grabValueFrom('[name="root[uuidObjectArray][0][uuid]"]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
   const value1 = await I.grabValueFrom('[name="root[uuidObjectArray][1][uuid]"]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
 })
 
-Scenario('should have initial value matching uuid in arrays (table) of strings with @uuid', async (I) => {
+Scenario('should have initial value matching uuid in arrays (table) of strings with @uuid', async ({ I }) => {
   I.click('Add uuid string table item')
   I.click('Add uuid string table item')
   const value0 = await I.grabValueFrom('[name="root[uuidStringTable][0]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
   const value1 = await I.grabValueFrom('[name="root[uuidStringTable][1]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
 })
 
-Scenario('should have initial value matching uuid in arrays (table) of objects with @uuid', async (I) => {
+Scenario('should have initial value matching uuid in arrays (table) of objects with @uuid', async ({ I }) => {
   I.click('Add uuid object table item')
   I.click('Add uuid object table item')
   const value0 = await I.grabValueFrom('[name="root[uuidObjectTable][0][uuid]"]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value0)), true)
   const value1 = await I.grabValueFrom('[name="root[uuidObjectTable][1][uuid]"]')
-  assert.equal((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
-})
+  assert.strictEqual((/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value1)), true)
+})

package/tests/codeceptjs/editors/validation_test.js

@@ -6,9 +6,9 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('Validations')
 
-Scenario('test validations in validation.html', (I) => {
+Scenario('test validations in validation.html', ({ I }) => {
   I.amOnPage('validation.html')
-  var numberOfTestItemsExpected = 158
+  const numberOfTestItemsExpected = 158
   I.waitForElement('#output div:nth-child(' + numberOfTestItemsExpected + ')', DEFAULT_WAIT_TIME)
   I.seeNumberOfElements('#output div', numberOfTestItemsExpected)
   I.see('success')