@json-editor/json-editor 2.9.1 → 2.10.1

package/tests/codeceptjs/constrains/if-then-else_test.js

@@ -0,0 +1,186 @@
+/* global Feature Scenario */
+
+Feature('if-then-else')
+
+Scenario('validate agaist allOf of if schemas @if-then-else', async ({ I }) => {
+  I.amOnPage('if-then-else-allOf.html')
+  I.waitForElement('.je-ready')
+
+  I.selectOption('[name="root[country]"]', 'United States of America')
+  I.waitForText('Value must match the pattern [0-9]{5}(-[0-9]{4})?.')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForText('Value must match the pattern [A-Z][0-9][A-Z] [0-9][A-Z][0-9].')
+
+  I.selectOption('[name="root[country]"]', 'Netherlands')
+  I.waitForText('Value must match the pattern [0-9]{4} [A-Z]{2}.')
+
+  I.fillField('#value', JSON.stringify({
+    street_address: '1600 Pennsylvania Avenue NW',
+    country: 'United States of America',
+    postal_code: '20500'
+  }))
+  I.click('#set-value')
+  I.dontSee('.invalid-feedback')
+
+  I.fillField('#value', JSON.stringify({
+    street_address: '1600 Pennsylvania Avenue NW',
+    postal_code: '20500'
+  }))
+  I.click('#set-value')
+  I.dontSee('.invalid-feedback')
+
+  I.fillField('#value', JSON.stringify({
+    street_address: '24 Sussex Drive',
+    country: 'Canada',
+    postal_code: 'K1M 1M4'
+  }))
+  I.click('#set-value')
+  I.dontSee('.invalid-feedback')
+
+  I.fillField('#value', JSON.stringify({
+    street_address: 'Adriaan Goekooplaan',
+    country: 'Netherlands',
+    postal_code: '2517 JX'
+  }))
+  I.click('#set-value')
+  I.dontSee('.invalid-feedback')
+
+  I.fillField('#value', JSON.stringify({
+    street_address: '24 Sussex Drive',
+    country: 'Canada',
+    postal_code: '10000'
+  }))
+  I.click('#set-value')
+  I.waitForText('Value must match the pattern [A-Z][0-9][A-Z] [0-9][A-Z][0-9].')
+  I.waitForElement('.invalid-feedback')
+
+  I.fillField('#value', JSON.stringify({
+    street_address: '1600 Pennsylvania Avenue NW',
+    postal_code: 'K1M 1M4'
+  }))
+  I.click('#set-value')
+  I.waitForElement('.invalid-feedback')
+})
+
+Scenario('validate agaist if-then-else @if-then-else', async ({ I }) => {
+  I.amOnPage('if-then-else.html')
+  I.waitForElement('.je-ready')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.waitForElement('.invalid-feedback')
+  I.waitForText('Value must match the pattern [0-9]{5}(-[0-9]{4})?.')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.waitForElement('.invalid-feedback')
+  I.waitForText('Value must match the pattern [A-Z][0-9][A-Z] [0-9][A-Z][0-9].')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+})
+
+Scenario('validate agaist if-then @if-then-else', async ({ I }) => {
+  I.amOnPage('if-then.html')
+  I.waitForElement('.je-ready')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.waitForElement('.invalid-feedback')
+  I.waitForText('Value must match the pattern [0-9]{5}(-[0-9]{4})?.')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+})
+
+Scenario('validate agaist if-else @if-then-else', async ({ I }) => {
+  I.amOnPage('if-else.html')
+  I.waitForElement('.je-ready')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.waitForElement('.invalid-feedback')
+  I.waitForText('Value must match the pattern [A-Z][0-9][A-Z] [0-9][A-Z][0-9].')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+})
+
+Scenario('validate agaist if-then-else when disabled fields are present in fields @if-then-else', async ({ I }) => {
+  I.amOnPage('if-then-else-disable-fields.html')
+  I.waitForElement('.je-ready')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.waitForElement('.invalid-feedback')
+  I.waitForText('Value must match the pattern [0-9]{5}(-[0-9]{4})?.')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.waitForElement('.invalid-feedback')
+  I.waitForText('Value must match the pattern [A-Z][0-9][A-Z] [0-9][A-Z][0-9].')
+
+  I.selectOption('[name="root[country]"]', 'America')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', '10000')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+
+  I.selectOption('[name="root[country]"]', 'Canada')
+  I.waitForElement('[name="root[postal_code]"]')
+  I.fillField('[name="root[postal_code]"]', 'K1M 1M4')
+  I.pressKey('Tab')
+  I.dontSee('.invalid-feedback')
+})

package/tests/codeceptjs/core_test.js

@@ -1,6 +1,6 @@
 /* global Feature Scenario */
 
-var assert = require('assert')
+const assert = require('assert')
 const { DEFAULT_WAIT_TIME } = require('./test-config')
 
 Feature('core')
@@ -65,18 +65,18 @@ Scenario('should destroy', async ({ I }) => {
 Scenario('should set and get form value', async ({ I }) => {
   I.amOnPage('core.html')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"age":18,"name":"Francesco Avizzano"}')
+  I.waitForValue('.value', '{"age":18,"name":"Francesco Avizzano"}')
   I.click('.set-value')
   I.click('.get-value')
-  assert.equal(await I.grabValueFrom('.value'), '{"age":40,"name":"John Smith"}')
+  I.waitForValue('.value', '{"age":40,"name":"John Smith"}')
 })
 
 Scenario('should set and get individual values', async ({ I }) => {
   I.amOnPage('core.html')
   I.click('.get-individual-value')
-  assert.equal(await I.grabValueFrom('.value'), '"Francesco Avizzano"')
+  I.waitForValue('.value', '"Francesco Avizzano"')
   I.click('.set-individual-value')
-  assert.equal(await I.grabValueFrom('.value'), '"john kaminski"')
+  I.waitForValue('.value', '"john kaminski"')
 })
 
 Scenario('should watch a specific field for changes', async ({ I }) => {
@@ -116,9 +116,9 @@ Scenario('should change the form if form_name_root option is set @core', async (
   I.click('[for="form_2[1]"]')
   I.dontSee('Property must be set.', '.invalid-feedback')
   I.click('#get-value-form-1')
-  assert.equal(await I.grabValueFrom('#value-form-1'), '"yes"')
+  I.waitForValue('#value-form-1', '"yes"')
   I.click('#get-value-form-2')
-  assert.equal(await I.grabValueFrom('#value-form-2'), '"no"')
+  I.waitForValue('#value-form-2', '"no"')
 })
 
 Scenario('should validate against oneOf schemas and display single oneOf and editors error messages @core @oneof', async ({ I }) => {
@@ -170,6 +170,14 @@ Scenario('should validate against anyOf schemas and display single anyOf and edi
   I.dontSee('Property must be set.', '[data-schemapath="root.age"] .invalid-feedback')
 })
 
+Scenario('should keep only existent values @core @anyof @keep_only_existing_values', async ({ I }) => {
+  I.amOnPage('keep_only_existing_values.html')
+  I.waitForElement('.je-ready')
+  I.waitForValue('#value', '{"name":"Afred","surname":"hitchcock","zip":"12345"}')
+  I.selectOption('.je-switcher', 'object 2')
+  I.waitForValue('#value', '{"name":"Afred","surname":"hitchcock","other_zip":""}')
+})
+
 Scenario('should display anyOf and oneOf error messages in the correct places @848', async ({ I }) => {
   I.amOnPage('issues/issue-gh-848.html')
   I.selectOption('.je-switcher', 'Value, string')
@@ -182,69 +190,69 @@ Scenario('Should switch between all json 7 data types in @oneof and display erro
   I.waitForElement('.je-ready')
 
   I.selectOption('.je-switcher', 'Value, string')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":""}')
+  I.waitForValue('#value', '{"test":""}')
   I.waitForText('Value must validate against exactly one of the provided schemas.')
   I.waitForText('Value must be the constant value')
 
   I.selectOption('.je-switcher', 'Value, boolean')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":false}')
+  I.waitForValue('#value', '{"test":false}')
   I.waitForText('Value must validate against exactly one of the provided schemas.')
   I.waitForText('Value must be the constant value')
 
   I.selectOption('.je-switcher', 'Value, array')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":[]}')
+  I.waitForValue('#value', '{"test":[]}')
   I.waitForText('Value must validate against exactly one of the provided schemas.')
   I.waitForText('Value must be the constant value')
 
   I.selectOption('.je-switcher', 'Value, object')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":{}}')
+  I.waitForValue('#value', '{"test":{}}')
   I.waitForText('Value must validate against exactly one of the provided schemas.')
   I.waitForText('Value must be the constant value')
   I.waitForText('Object is missing the required property \'test\'')
 
   I.selectOption('.je-switcher', 'Value, number')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":0}')
+  I.waitForValue('#value', '{"test":0}')
   I.waitForText('Value must validate against exactly one of the provided schemas.')
   I.waitForText('Value must be the constant value')
 
   I.selectOption('.je-switcher', 'Value, integer')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":0}')
+  I.waitForValue('#value', '{"test":0}')
   I.waitForText('Value must validate against exactly one of the provided schemas.')
   I.waitForText('Value must be the constant value')
 
   I.selectOption('.je-switcher', 'Value, null')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":null}')
+  I.waitForValue('#value', '{"test":null}')
 })
 
-Scenario('Should switch between all json 7 data types in @anyof and display error messages for each one @core', async ({ I }) => {
+Scenario('Should switch between all json 7 data types in @anyof and display error messages for each one @core', ({ I }) => {
   I.amOnPage('anyof-2.html')
   I.waitForElement('.je-ready')
 
-  assert.equal(await I.grabValueFrom('#value'), '{"test":""}')
+  I.waitForValue('#value', '{"test":""}')
   I.waitForText('Value must validate against at least one of the provided schemas')
 
   I.selectOption('.je-switcher', 'Value, boolean')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":false}')
+  I.waitForValue('#value', '{"test":false}')
   I.waitForText('Value must validate against at least one of the provided schemas')
 
   I.selectOption('.je-switcher', 'Value, array')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":[]}')
+  I.waitForValue('#value', '{"test":[]}')
   I.waitForText('Value must validate against at least one of the provided schemas')
 
   I.selectOption('.je-switcher', 'Value, object')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":{}}')
+  I.waitForValue('#value', '{"test":{}}')
   I.waitForText('Value must validate against at least one of the provided schemas')
 
   I.selectOption('.je-switcher', 'Value, number')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":0}')
+  I.waitForValue('#value', '{"test":0}')
   I.waitForText('Value must validate against at least one of the provided schemas')
 
   I.selectOption('.je-switcher', 'Value, integer')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":0}')
+  I.waitForValue('#value', '{"test":0}')
   I.waitForText('Value must validate against at least one of the provided schemas')
 
   I.selectOption('.je-switcher', 'Value, null')
-  assert.equal(await I.grabValueFrom('#value'), '{"test":null}')
+  I.waitForValue('#value', '{"test":null}')
 })
 
 Scenario('should validate against oneOf schemas and display single oneOf and editors error messages @core @translate-property', async ({ I }) => {
@@ -346,17 +354,17 @@ Scenario('should load internal schema definitions, external schema definitions a
     '../fixtures/string.json',
     '../fixtures/definitions.json',
     '../fixtures/basic_person.json',
-    '../fixtures/person.json',
+    '../fixtures/person.json'
   ]
   for (const path of schemaPaths) {
-    let key = 'je-cache::' + currentPath + path;
+    const key = 'je-cache::' + currentPath + path
 
     const item = await I.executeScript(function (storageKey) {
-      return window.localStorage.getItem(storageKey);
+      return window.localStorage.getItem(storageKey)
     }, key)
     const itemDecoded = JSON.parse(item)
-    assert.equal(itemDecoded.cacheBuster, 'abc123');
-    assert(itemDecoded, 'Cached schema found');
+    assert.strictEqual(itemDecoded.cacheBuster, 'abc123')
+    assert(itemDecoded, 'Cached schema found')
   }
 })
 

package/tests/codeceptjs/editors/advanced_test.js

@@ -1,13 +1,14 @@
+/* global Feature Scenario */
 
-Feature('Advanced Editor');
+Feature('Advanced Editor')
 
 Scenario('test validation & delete', ({ I }) => {
-    I.amOnPage('advanced.html');
-    I.retry({ retries: 5, minTimeout: 500 }).seeElement('#valid_indicator');
-    I.see('valid', '#valid_indicator');
-    I.fillField('root[0][location][city]', 'Stuttgart');
-    I.waitForValue("[name='root[0][location][city]']", 'Stuttgart');
-    I.amAcceptingPopups();
-    I.click('.json-editor-btntype-deletelast');
-    I.acceptPopup();
-});
+  I.amOnPage('advanced.html')
+  I.retry({ retries: 5, minTimeout: 500 }).seeElement('#valid_indicator')
+  I.see('valid', '#valid_indicator')
+  I.fillField('root[0][location][city]', 'Stuttgart')
+  I.waitForValue("[name='root[0][location][city]']", 'Stuttgart')
+  I.amAcceptingPopups()
+  I.click('.json-editor-btntype-deletelast')
+  I.acceptPopup()
+})

package/tests/codeceptjs/editors/array_any_of_test.js

@@ -1,50 +1,50 @@
-var assert = require('assert');
+/* global Feature Scenario */
 
-Feature('anyof in array');
+const assert = require('assert')
+let value
+
+Feature('anyof in array')
 
 Scenario('should have correct initial value', async ({ I }) => {
-  I.amOnPage('array-anyof.html');
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.debug'), '{"correct":"","items":[]}');
-});
+  I.amOnPage('array-anyof.html')
+  I.click('.get-value')
+  I.waitForValue('.debug', '{"correct":"","items":[]}')
+})
 
 Scenario('should show errors @optional', async ({ I }) => {
-  I.amOnPage('array-anyof.html');
-  I.seeElement('[data-schemapath="root"]');
-  I.seeElement('[data-schemapath="root.items"]');
+  I.amOnPage('array-anyof.html')
+  I.seeElement('[data-schemapath="root"]')
+  I.seeElement('[data-schemapath="root.items"]')
 
-  I.click('.get-value');
-  value = await I.grabValueFrom('.debug');
-  assert.equal(value, '{"correct":"","items":[]}');
+  I.click('.get-value')
+  I.waitForValue('.debug', '{"correct":"","items":[]}')
 
-  I.fillField('root[correct]', 'a');
-  assert.equal(await I.dontSee('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, 'should show warning');
+  I.fillField('root[correct]', 'a')
+  assert.strictEqual(await I.dontSee('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, 'should show warning')
 
-  I.fillField('root[correct]', 'a!');
-  assert.equal(await I.seeInField('root[correct]', 'a!'), true, 'fillField failed');
-  assert.equal(await I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, 'should show warning');
+  I.fillField('root[correct]', 'a!')
+  assert.strictEqual(await I.seeInField('root[correct]', 'a!'), true, 'fillField failed')
+  assert.strictEqual(await I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, 'should show warning')
 
-  I.clearField('root[correct]');
-  I.seeInField('root[correct]', '');
-  assert.equal(await I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, "should show warning");
+  I.clearField('root[correct]')
+  I.seeInField('root[correct]', '')
+  assert.strictEqual(await I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, 'should show warning')
 
-  I.fillField('root[correct]', 'a');
-  I.dontSee('Value must match the pattern ^[a-zA-Z0-9_]+$.');
+  I.fillField('root[correct]', 'a')
+  I.dontSee('Value must match the pattern ^[a-zA-Z0-9_]+$.')
 
-  I.click('.json-editor-btntype-add');
-  I.click('.get-value');
-  value = await I.grabValueFrom('.debug');
-  assert.equal(value, '{"correct":"a","items":[{"handler":"aaa","id":"","___a":""}]}');
+  I.click('.json-editor-btntype-add')
+  I.click('.get-value')
+  I.waitForValue('.debug', '{"correct":"a","items":[{"handler":"aaa","id":"","___a":""}]}')
 
-  I.fillField('root[items][0][id]', 'a');
-  I.dontSee('Value must match the pattern ^[a-zA-Z0-9_]+$.');
+  I.fillField('root[items][0][id]', 'a')
+  I.dontSee('Value must match the pattern ^[a-zA-Z0-9_]+$.')
 
-  I.clearField('root[items][0][id]');
-  I.seeInField('root[items][0][id]', '');
+  I.clearField('root[items][0][id]')
+  I.seeInField('root[items][0][id]', '')
   // todo still not work
-  assert.equal(await I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, 'should show warning');
-
-  I.fillField('root[items][0][id]', 'a!');
-  I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.');
+  assert.strictEqual(await I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.'), true, 'should show warning')
 
-});
+  I.fillField('root[items][0][id]', 'a!')
+  I.see('Value must match the pattern ^[a-zA-Z0-9_]+$.')
+})