@json-editor/json-editor 2.5.2 → 2.6.1

package/tests/codeceptjs/editors/string_test.js

@@ -1,117 +1,118 @@
-var assert = require('assert');
+/* global Feature Scenario */
 
-Feature('string');
+var assert = require('assert')
+
+Feature('string')
 
 Scenario('should have correct initial value', async (I) => {
-  I.amOnPage('string-ace-editor.html');
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.debug'), '[]');
-});
+  I.amOnPage('string-ace-editor.html')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.debug'), '[]')
+})
 
 Scenario('should have coerent values', async (I) => {
-  I.amOnPage('string-ace-editor.html');
-  I.click('Add item');
-  I.see('item 1');
-  I.seeElement('.ace_editor');
-  I.click('.ace_editor');
-  I.pressKeys('__YELLOW__');
-  I.click('.ace_editor');
-  I.see('__YELLOW__');
-
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{"editor":"__YELLOW__"}]));
-});
+  I.amOnPage('string-ace-editor.html')
+  I.click('Add item')
+  I.see('item 1')
+  I.seeElement('.ace_editor')
+  I.click('.ace_editor')
+  I.pressKeys('__YELLOW__')
+  I.click('.ace_editor')
+  I.see('__YELLOW__')
+
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{ editor: '__YELLOW__' }]))
+})
 
 Scenario('should have correct initial value', async (I) => {
-  I.amOnPage('string-sceditor.html');
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.debug'), '[]');
-});
+  I.amOnPage('string-sceditor.html')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.debug'), '[]')
+})
 
 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');
+  I.amOnPage('string-sceditor.html')
+  I.click('Add item')
+  I.see('item 1')
 
   // enters first iframe, writes text on the body and then exits
-  I.switchTo(0);
-  I.click('body');
-  I.pressKeys('__YELLOW__');
-  I.see('__YELLOW__');
-  I.switchTo();
+  I.switchTo(0)
+  I.click('body')
+  I.pressKeys('__YELLOW__')
+  I.see('__YELLOW__')
+  I.switchTo()
 
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{"editor":"<p>__YELLOW__</p>"}]));
-});
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.debug'), JSON.stringify([{ editor: '<p>__YELLOW__</p>' }]))
+})
 
 Scenario('Should work correctly in arrays @optional', async (I) => {
-  I.amOnPage('string-sceditor.html');
-  I.click('Add item');
-  I.click('Add item');
-  I.see('item 1');
-  I.see('item 2');
+  I.amOnPage('string-sceditor.html')
+  I.click('Add item')
+  I.click('Add item')
+  I.see('item 1')
+  I.see('item 2')
 
   // enters first iframe, writes text on the body and then exits
-  I.switchTo(0);
-  I.click('body');
-  I.pressKeys('__YELLOW__');
-  I.see('__YELLOW__');
-  I.switchTo();
+  I.switchTo(0)
+  I.click('body')
+  I.pressKeys('__YELLOW__')
+  I.see('__YELLOW__')
+  I.switchTo()
 
   // enters first iframe and read text
-  I.switchTo(0);
-  I.see('__YELLOW__');
-  I.switchTo();
+  I.switchTo(0)
+  I.see('__YELLOW__')
+  I.switchTo()
 
   // enters second iframe, writes text on the body and then exits
-  I.switchTo(1);
-  I.click('body');
-  I.pressKeys('__BLUE__');
+  I.switchTo(1)
+  I.click('body')
+  I.pressKeys('__BLUE__')
 
-  I.see('__BLUE__');
-  I.switchTo();
+  I.see('__BLUE__')
+  I.switchTo()
 
   // enters second iframe and read text
-  I.switchTo(1);
-  I.see('__BLUE__');
-  I.switchTo();
+  I.switchTo(1)
+  I.see('__BLUE__')
+  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.click('.get-value')
+  assert.equal(await I.grabValueFrom('.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.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>' }]))
 
   // the last 2 tests will fail because Sceditors iframes loose their content when the iframe is reloaded.
 
   // enters first iframe and read text
-  I.switchTo(0);
-  I.see('__BLUE__');
-  I.switchTo();
+  I.switchTo(0)
+  I.see('__BLUE__')
+  I.switchTo()
 
   // enters second iframe and read text
-  I.switchTo(1);
-  I.see('__YELLOW__');
-  I.switchTo();
-
-});
+  I.switchTo(1)
+  I.see('__YELLOW__')
+  I.switchTo()
+})
 
 Scenario('should be readonly if specified and not disabled', async (I) => {
-  I.amOnPage('read-only.html');
-  I.seeReadOnlyAttribute('[name="root[string]"]');
-});
+  I.amOnPage('read-only.html')
+  I.seeReadOnlyAttribute('[name="root[string]"]')
+})
 
 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');
-});
+  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')
+})
 
 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.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' }))
+})

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

@@ -1,65 +1,67 @@
-var assert = require('assert');
+/* global Feature Scenario */
 
-Feature('table');
+var assert = require('assert')
+
+Feature('table')
 
 Scenario('should have correct initial value', async (I) => {
-  I.amOnPage('table.html');
-  I.click('.get-value');
-  assert.equal(await I.grabValueFrom('.debug'), '[]');
-});
+  I.amOnPage('table.html')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.debug'), '[]')
+})
 
 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.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.acceptPopup();
-  I.dontSeeElement('[data-schemapath="root.0"] .json-editor-btn-delete');
-});
+  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.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.acceptPopup()
+  I.dontSeeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
+})
 
 Scenario('should ask for confirmation on node delete last', async (I) => {
-  I.amOnPage('table.html');
-  I.click('Add Node');
-  I.click('Add Node');
-  I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete');
-  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.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.acceptPopup();
-  I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete');
-  I.dontSeeElement('[data-schemapath="root.1"] .json-editor-btn-delete');
-});
+  I.amOnPage('table.html')
+  I.click('Add Node')
+  I.click('Add Node')
+  I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
+  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.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.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) => {
-  I.amOnPage('table.html');
-  I.click('Add Node');
-  I.click('Add Node');
-  I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete');
-  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.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.acceptPopup();
-  I.dontSeeElement('[data-schemapath="root.0"] .json-editor-btn-delete');
-  I.dontSeeElement('[data-schemapath="root.1"] .json-editor-btn-delete');
-});
+  I.amOnPage('table.html')
+  I.click('Add Node')
+  I.click('Add Node')
+  I.seeElement('[data-schemapath="root.0"] .json-editor-btn-delete')
+  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.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.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

@@ -1,12 +1,14 @@
-Feature('Tabs');
+/* global Feature Scenario */
+
+Feature('Tabs')
 
 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');
-    I.see('1 -');
-    I.see('validation failed');
-    I.fillField('root[1][name]', 'Somebody');
-    I.pressKey('Tab');
-    I.see('validation passed');
-});
+  I.amOnPage('tabs.html')
+  I.waitForElement('[data-schemapath="root"] .json-editor-btn-add')
+  I.click('[data-schemapath="root"] .json-editor-btn-add')
+  I.waitForText('1 -', 5)
+  I.waitForText('validation failed', 5)
+  I.fillField('root[1][name]', 'Somebody')
+  I.pressKey('Tab')
+  I.waitForText('validation passed', 5)
+})

package/tests/codeceptjs/editors/validation_test.js

@@ -1,12 +1,14 @@
+/* global Feature Scenario */
+
 // Note: validation.html has its own way of testing; this test simply tests if the output of that test conforms to the expected output
 
-Feature('Validations');
+Feature('Validations')
 
 Scenario('test validations in validation.html', (I) => {
-    I.amOnPage('validation.html');
-    var numberOfTestItemsExpected = 136;
-    I.waitForElement("#output div:nth-child("+numberOfTestItemsExpected+")", 10);
-    I.seeNumberOfElements("#output div", numberOfTestItemsExpected);
-    I.see("success");
-    I.dontSee('fail');
-});
+  I.amOnPage('validation.html')
+  var numberOfTestItemsExpected = 158
+  I.waitForElement('#output div:nth-child(' + numberOfTestItemsExpected + ')', 10)
+  I.seeNumberOfElements('#output div', numberOfTestItemsExpected)
+  I.see('success')
+  I.dontSee('fail')
+})

package/tests/codeceptjs/meta-schema_test.js

@@ -1,18 +1,17 @@
-var assert = require('assert');
+/* global Feature Scenario */
 
-Feature('core');
+Feature('core')
 
 // https://github.com/json-editor/json-editor/issues/823
 Scenario('work with json-schema meta-schema', async (I) => {
-  I.amOnPage('issues/issue-gh-823-meta-schema.html');
-  I.waitForElement('[data-schemapath="root"] h3', 10);
-  I.click('Object Properties');
-  I.click('options');
-  I.see('$ref');
-  I.see('options');
-  //pause();
-  I.click('Object Properties');
-  I.click('Object Properties');
-  I.see('options');
-});
-
+  I.amOnPage('issues/issue-gh-823-meta-schema.html')
+  I.waitForElement('[data-schemapath="root"] h3', 10)
+  I.click('Object Properties')
+  I.click('options')
+  I.see('$ref')
+  I.see('options')
+  // pause();
+  I.click('Object Properties')
+  I.click('Object Properties')
+  I.see('options')
+})

package/tests/codeceptjs/schemaloader_test.js

@@ -0,0 +1,13 @@
+var assert = require('assert');
+
+Feature('schemaloader');
+
+Scenario('resolving nested external URNs', async (I) => {
+  I.amOnPage('urn.html');
+  I.waitForElement('[data-schemapath="root"] h3', 10);
+  I.seeElementInDOM('[data-schemapath="root.fname"]')
+  I.seeElementInDOM('[data-schemapath="root.lname"]')
+
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"fname":"John","lname":"Doe"}');
+});

package/tests/codeceptjs/steps_file.js

@@ -1,11 +1,12 @@
+/* global actor */
 
-'use strict';
+'use strict'
 // in this file you can append custom step methods to 'I' object
 
-module.exports = function() {
+module.exports = function () {
   return actor({
 
     // Define custom steps here, use 'this' to access default methods of I.
     // It is recommended to place a general 'login' function here.
-  });
+  })
 }

package/tests/codeceptjs/themes_test.js

@@ -1,4 +1,5 @@
 /* global Feature Scenario */
+
 Feature('themes')
 
 // nothing
@@ -423,6 +424,36 @@ Scenario('It should hide button Labels: null | materialicons', async (I) => {
   I.click('Collapse')
   I.waitForText('arrow_drop_down', 'i.material-icons')
 })
+
+Scenario('It should hide button Labels: null | openiconic', async (I) => {
+  I.amOnPage('themes.html')
+  I.selectOption('iconlib', 'Open Iconic')
+  I.waitForText('Themes Test Page')
+  I.dontSee('Collapse')
+  I.dontSee('Edit JSON')
+  I.dontSee('Object Properties')
+  I.dontSee('Delete item')
+  I.dontSee('Delete Last item')
+  I.dontSee('Delete All')
+  I.dontSee('Move down')
+  I.dontSee('Move up')
+
+  I.click('Collapse')
+  I.seeElementInDOM('i.oi-icon.oi-icon-collapse-down')
+  I.seeElementInDOM('i.oi-icon.oi-icon-expand-right')
+  I.seeElementInDOM('i.oi-icon.oi-icon-trash')
+  I.seeElementInDOM('i.oi-icon.oi-icon-pencil')
+  I.seeElementInDOM('i.oi-icon.oi-icon-plus')
+  I.seeElementInDOM('i.oi-icon.oi-icon-minus')
+  I.seeElementInDOM('i.oi-icon.oi-icon-ban')
+  I.seeElementInDOM('i.oi-icon.oi-icon-file')
+  I.seeElementInDOM('i.oi-icon.oi-icon-arrow-thick-top')
+  I.seeElementInDOM('i.oi-icon.oi-icon-arrow-thick-right')
+  I.seeElementInDOM('i.oi-icon.oi-icon-arrow-thick-bottom')
+  I.seeElementInDOM('i.oi-icon.oi-icon-arrow-thick-left')
+  I.seeElementInDOM('i.oi-icon.oi-icon-clipboard')
+  I.seeElementInDOM('i.oi-icon.oi-icon-list')
+})
 */
 Scenario('It should hide button Labels: null | spectre', async (I) => {
   I.amOnPage('themes.html')

package/tests/docker-compose.yml

@@ -10,11 +10,10 @@ services:
       - '9100:9001'
     expose:
       - '9001'
-    depends_on:
-      - firefox
-      - chrome
   firefox:
     image: selenium/standalone-firefox-debug:3.141.59-20200525
+    depends_on:
+      - node
     environment:
       - VNC_NO_PASSWORD=1
     ports:
@@ -24,6 +23,8 @@ services:
     shm_size: '2gb' # for windows environment
   chrome:
     image: selenium/standalone-chrome-debug:3.141.59-20200525
+    depends_on:
+      - node
     environment:
       - VNC_NO_PASSWORD=1
     ports: