@json-editor/json-editor 2.9.0 → 2.10.0

package/tests/codeceptjs/issues/issue-gh-1133_test.js

@@ -0,0 +1,9 @@
+/* global Feature Scenario */
+
+Feature('GitHub issue 1133')
+
+Scenario('GitHub issue 1133 should remain fixed @issue-1133', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1133.html')
+  I.waitForElement('.je-ready')
+  I.waitForValue('#value', '{"SaveDataMask":"DP"}')
+})

package/tests/codeceptjs/issues/issue-gh-1158-2_test.js

@@ -0,0 +1,10 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1165 should remain fixed @issue-1165 @schemaloader', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1165.html')
+  I.waitForText('Add item')
+  I.click('Add item')
+  I.waitForText('external-schema')
+})

package/tests/codeceptjs/{editors/issues → issues}/issue-gh-1158_test.js

@@ -1,10 +1,8 @@
 /* global Feature Scenario */
 
-const assert = require('assert')
-
 Feature('issues')
 
-Scenario('GitHub issue 1158 should remain fixed @issue-1158 @optional', async (I) => {
+Scenario('GitHub issue 1158 should remain fixed @issue-1158 @optional', async ({ I }) => {
   I.amOnPage('issues/issue-gh-1158.html')
   I.seeElement('[name="root[name]"]')
 })

package/tests/codeceptjs/issues/issue-gh-1164_test.js

@@ -0,0 +1,10 @@
+/* global Feature Scenario */
+
+Feature('GitHub issue 1164')
+
+Scenario('GitHub issue 1164 should remain fixed @issue-1164', ({ I }) => {
+  I.amOnPage('issues/issue-gh-1164.html')
+  I.waitForElement('.je-ready')
+  I.waitForInvisible('option[value="undefined"]')
+  I.waitForValue('#value', '{"arrayEnumSelect":["one"],"stringEnumRadio":"one","numberEnumRadio":1.1,"integerEnumRadio":1}')
+})

package/tests/codeceptjs/issues/issue-gh-1211_test.js

@@ -0,0 +1,17 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1211 should remain fixed @issue-1211 @schemaloader', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1211.html')
+  I.waitForText('Rule collection')
+  I.waitForText('SSID & MAC Groups')
+  I.waitForText('Certificate Extensions')
+  I.click('Rule')
+  I.waitForText('Generic Allow Rule')
+  I.click('Group')
+  I.waitForText('Group 1')
+  I.click('Extension')
+  I.waitForText('OID')
+  I.waitForValue('#value', '{"rules":[{"type":"any","name":"","description":"","enabled":false}],"groups":[{"type":"ssid-group","ssid-group":[],"name":"","description":""}],"certificate-extensions":[{"name":"","oid":""}],"trustedroots":[],"intuneids":[]}')
+})

package/tests/codeceptjs/{editors/issues → issues}/issue-gh-1257_test.js

@@ -1,13 +1,11 @@
 /* global Feature Scenario */
 
-const assert = require('assert')
-
 Feature('GitHub issue 1257')
 
-Scenario('GitHub issue 1257 should remain fixed @issue-1257', async (I) => {
+Scenario('GitHub issue 1257 should remain fixed @issue-1257', async ({ I }) => {
   I.amOnPage('issues/issue-gh-1257.html')
   I.waitForElement('.je-ready')
   I.click('[data-schemapath="root.colors"] .json-editor-btntype-add')
-  assert.equal(await I.grabValueFrom('#value'), '{"colors":[{"text":"X","color":"#fefaac"}],"color":"#fefaac"}')
-  assert.equal(await I.grabValueFrom('[name="root[colors][0][color]"]'), '#fefaac')
+  I.waitForValue('#value', '{"colors":[{"text":"X","color":"#fefaac"}],"color":"#fefaac"}')
+  I.waitForValue('[name="root[colors][0][color]"]', '#fefaac')
 })

package/tests/codeceptjs/issues/issue-gh-1338_test.js

@@ -0,0 +1,16 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1338 should remain fixed @issue-1338', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1338.html')
+  I.waitForText('Value required')
+  I.fillField('[id="root[field_a]"]', 'test')
+  I.pressKey('Tab')
+  I.dontSee('Value required')
+  I.refreshPage()
+  I.waitForText('Value required')
+  I.fillField('[id="root[field_b]"]', 'test')
+  I.pressKey('Tab')
+  I.dontSee('Value required')
+})

package/tests/codeceptjs/issues/issue-gh-1347_test.js

@@ -0,0 +1,8 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 1347 should remain fixed @issue-1347', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-1347.html')
+  I.waitForValue('#value', '{"caplzsone":[{"dateField1":"","amountField1":"","amountField2":"","amountField3":"","amountField4":""}],"caplzszero":[{"dateField1":"","amountField1":"9999","amountField2":"2222","amountField3":"3333","amountField4":"4444"},{"dateField1":"","amountField1":"6666","amountField2":"7777","amountField3":"8888","amountField4":"9999"}]}')
+})

package/tests/codeceptjs/issues/issue-gh-795_test.js

@@ -0,0 +1,13 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 795 should remain fixed @issue-795 @schemaloader', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-795.html')
+  I.waitForText('Add item')
+  I.click('Add item')
+  I.waitForText('box')
+  I.fillField('#value', JSON.stringify([[{}], {}]))
+  I.click('Set Value')
+  I.waitForValue('#value', '[[{}],{}]')
+})

package/tests/codeceptjs/issues/issue-gh-810_test.js

@@ -0,0 +1,52 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 810 should remain fixed @issue-810', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-810.html')
+  I.waitForText('I changed 1 times')
+  I.fillField('#value', JSON.stringify({
+    name: 'Jeremy Dorn',
+    age: 25,
+    favorite_color: '#ffa500',
+    gender: 'male',
+    date: '',
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      citystate: 'San Francisco, CA'
+    },
+    pets: [
+      {
+        type: 'dog',
+        name: 'Walter'
+      },
+      {
+        type: 'dog',
+        name: 'Walter2'
+      }
+    ]
+  }))
+  I.click('#set-value')
+  I.waitForText('I changed 2 times')
+  I.fillField('#value', JSON.stringify({
+    name: 'Jeremy Dorn',
+    age: 25,
+    favorite_color: '#ffa500',
+    gender: 'male',
+    date: '',
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      citystate: 'San Francisco, CA'
+    },
+    pets: [
+      {
+        type: 'dog',
+        name: 'Walter'
+      }
+    ]
+  }))
+  I.click('#set-value')
+  I.waitForText('I changed 3 times')
+})

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

@@ -0,0 +1,25 @@
+/* global Feature Scenario */
+
+Feature('issues')
+
+Scenario('GitHub issue 812 should remain fixed @issue-812', async ({ I }) => {
+  I.amOnPage('issues/issue-gh-812.html')
+  I.click('.get-value')
+  I.waitForValue('.debug', '{"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 item?')
+  I.acceptPopup()
+
+  I.click('.get-value')
+  I.waitForValue('.debug', '{"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 item?')
+  I.acceptPopup()
+
+  I.click('.get-value')
+  I.waitForValue('.debug', '{"students":[{"name":"CCC","sessions":[{"student_name":"CCC","minutes":10}]}]}')
+})

package/tests/codeceptjs/meta-schema_test.js

@@ -1,15 +1,15 @@
 /* global Feature Scenario */
+
 const { DEFAULT_WAIT_TIME } = require('./test-config')
-var assert = require('assert')
 
 Feature('meta-schema')
 
-Scenario('work with json-schema meta-schema @meta-schema-core', async (I) => {
+Scenario('work with json-schema meta-schema @meta-schema-core', async ({ I }) => {
   I.amOnPage('meta-schema.html')
   I.waitForElement('.je-ready')
 
   I.selectOption('.je-switcher', 'Object')
-  assert.equal(await I.grabValueFrom('#value'), '{"properties":{},"title":"","type":"object"}')
+  I.waitForValue('#value', '{"properties":{},"title":"","type":"object"}')
   I.click('.json-editor-btn-edit_properties')
   I.waitForText('type', '.property-selector')
   I.waitForText('title', '.property-selector')
@@ -37,26 +37,26 @@ Scenario('work with json-schema meta-schema @meta-schema-core', async (I) => {
   I.waitForText('format', '.property-selector')
 
   I.selectOption('.je-switcher', 'Array')
-  assert.equal(await I.grabValueFrom('#value'), '{"items":{"properties":{},"title":"","type":"object"},"title":"","type":"array"}')
+  I.waitForValue('#value', '{"items":{"properties":{},"title":"","type":"object"},"title":"","type":"array"}')
 
   I.selectOption('.je-switcher', 'String')
-  assert.equal(await I.grabValueFrom('#value'), '{"title":"","type":"string"}')
+  I.waitForValue('#value', '{"title":"","type":"string"}')
 
   I.selectOption('.je-switcher', 'Number')
-  assert.equal(await I.grabValueFrom('#value'), '{"title":"","type":"number"}')
+  I.waitForValue('#value', '{"title":"","type":"number"}')
 
   I.selectOption('.je-switcher', 'Integer')
-  assert.equal(await I.grabValueFrom('#value'), '{"title":"","type":"integer"}')
+  I.waitForValue('#value', '{"title":"","type":"integer"}')
 
   I.selectOption('.je-switcher', 'Boolean')
-  assert.equal(await I.grabValueFrom('#value'), '{"title":"","type":"boolean"}')
+  I.waitForValue('#value', '{"title":"","type":"boolean"}')
 
   I.selectOption('.je-switcher', 'Null')
-  assert.equal(await I.grabValueFrom('#value'), '{"title":"","type":"null"}')
+  I.waitForValue('#value', '{"title":"","type":"null"}')
 })
 
 // https://github.com/json-editor/json-editor/issues/823
-Scenario('work with json-schema meta-schema @meta-schema', async (I) => {
+Scenario('work with json-schema meta-schema @meta-schema', async ({ I }) => {
   I.amOnPage('issues/issue-gh-823-meta-schema.html')
   I.waitForElement('[data-schemapath="root"] h3', DEFAULT_WAIT_TIME)
   I.click('Object Properties')
@@ -71,14 +71,14 @@ Scenario('work with json-schema meta-schema @meta-schema', async (I) => {
 })
 
 // https://github.com/json-editor/json-editor/issues/1233
-Scenario('passing meta-schema example @meta-schema', async (I) => {
+Scenario('passing meta-schema example @meta-schema @schemaloader', async ({ I }) => {
   I.amOnPage('issues/issue-gh-1233-passing.html')
   I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.waitForElement('[name="root[name]"]', DEFAULT_WAIT_TIME)
 })
 
 // https://github.com/json-editor/json-editor/issues/1233
-Scenario('failing meta-schema example  @meta-schema @optional', async (I) => {
+Scenario('failing meta-schema example @meta-schema @schemaloader', async ({ I }) => {
   I.amOnPage('issues/issue-gh-1233-failing.html')
   I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.waitForElement('[name="root[name]"]', DEFAULT_WAIT_TIME)

package/tests/codeceptjs/schemaloader_test.js

@@ -1,14 +1,14 @@
-var assert = require('assert');
+/* global Feature Scenario */
+
 const { DEFAULT_WAIT_TIME } = require('./test-config')
 
-Feature('schemaloader');
+Feature('schemaloader')
 
-Scenario('resolving nested external URNs', async (I) => {
-  I.amOnPage('urn.html');
-  I.waitForElement('[data-schemapath="root"] h3', DEFAULT_WAIT_TIME);
+Scenario('resolving nested external URNs', async ({ I }) => {
+  I.amOnPage('urn.html')
+  I.waitForElement('[data-schemapath="root"] h3', DEFAULT_WAIT_TIME)
   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"}');
-});
+  I.waitForValue('.value', '{"fname":"John","lname":"Doe"}')
+})

package/tests/codeceptjs/themes_test.js

@@ -4,7 +4,7 @@ Feature('themes')
 
 // nothing
 
-Scenario('It should display button Labels: null | null', async (I) => {
+Scenario('It should display button Labels: null | null', async ({ I }) => {
   I.amOnPage('themes.html')
   I.waitForText('Themes Test Page')
   I.waitForText('Collapse')
@@ -19,7 +19,7 @@ Scenario('It should display button Labels: null | null', async (I) => {
 
 // only themes
 
-Scenario('It should display button Labels: barebones | null', async (I) => {
+Scenario('It should display button Labels: barebones | null', async ({ I }) => {
   I.amOnPage('themes.html')
   I.waitForText('Themes Test Page')
   I.waitForText('Collapse')
@@ -32,7 +32,7 @@ Scenario('It should display button Labels: barebones | null', async (I) => {
   I.waitForText('Move up')
 })
 
-Scenario('It should display button Labels: spectre | null', async (I) => {
+Scenario('It should display button Labels: spectre | null', async ({ I }) => {
   I.amOnPage('themes.html')
   I.selectOption('theme', 'Spectre')
   I.waitForText('Themes Test Page')
@@ -138,7 +138,7 @@ Scenario('It should display button Labels: foundation3 | null', async (I) => {
 })
 */
 
-Scenario('It should display button Labels: bootstrap5 | null', async (I) => {
+Scenario('It should display button Labels: bootstrap5 | null', async ({ I }) => {
   I.amOnPage('themes.html')
   I.selectOption('theme', 'Bootstrap 5')
   I.waitForText('Themes Test Page')
@@ -152,7 +152,7 @@ Scenario('It should display button Labels: bootstrap5 | null', async (I) => {
   I.waitForText('Move up')
 })
 
-Scenario('It should display button Labels: bootstrap4 | null', async (I) => {
+Scenario('It should display button Labels: bootstrap4 | null', async ({ I }) => {
   I.amOnPage('themes.html')
   I.selectOption('theme', 'Bootstrap 4')
   I.waitForText('Themes Test Page')
@@ -166,7 +166,7 @@ Scenario('It should display button Labels: bootstrap4 | null', async (I) => {
   I.waitForText('Move up')
 })
 
-Scenario('It should display button Labels: bootstrap3 | null', async (I) => {
+Scenario('It should display button Labels: bootstrap3 | null', async ({ I }) => {
   I.amOnPage('themes.html')
   I.selectOption('theme', 'Bootstrap 3')
   I.waitForText('Themes Test Page')
@@ -227,7 +227,7 @@ Scenario('It should display button Labels: bootstrap2 | null', async (I) => {
   I.seeElementInDOM('i.icon-list')
 })
  */
-Scenario('It should hide button Labels: null | bootstrap3', async (I) => {
+Scenario('It should hide button Labels: null | bootstrap3', async ({ I }) => {
   I.amOnPage('themes.html')
   I.selectOption('iconlib', 'Bootstrap 3')
   I.waitForText('Themes Test Page')
@@ -256,6 +256,37 @@ Scenario('It should hide button Labels: null | bootstrap3', async (I) => {
   I.seeElementInDOM('i.glyphicon.glyphicon-copy')
   I.seeElementInDOM('i.glyphicon.glyphicon-list')
 })
+
+Scenario('It should hide button Labels: null | bootstrap icons @themes @iconlib', async ({ I }) => {
+  I.amOnPage('themes.html')
+  I.selectOption('iconlib', 'bootstrap')
+  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.bi.bi-chevron-down')
+  I.seeElementInDOM('i.bi.bi-chevron-right')
+  I.seeElementInDOM('i.bi.bi-trash')
+  I.seeElementInDOM('i.bi.bi-pencil')
+  I.seeElementInDOM('i.bi.bi-plus')
+  I.seeElementInDOM('i.bi.bi-dash')
+  I.seeElementInDOM('i.bi.bi-x-circle')
+  I.seeElementInDOM('i.bi.bi-save')
+  I.seeElementInDOM('i.bi.bi-arrow-up')
+  I.seeElementInDOM('i.bi.bi-arrow-right')
+  I.seeElementInDOM('i.bi.bi-arrow-down')
+  I.seeElementInDOM('i.bi.bi-arrow-left')
+  I.seeElementInDOM('i.bi.bi-clipboard')
+  I.seeElementInDOM('i.bi.bi-list-ul')
+})
+
 /*
 Scenario('It should hide button Labels: null | fontawesome3', async (I) => {
   I.amOnPage('themes.html')
@@ -469,7 +500,7 @@ Scenario('It should hide button Labels: null | openiconic', async (I) => {
   I.seeElementInDOM('i.oi-icon.oi-icon-list')
 })
 */
-Scenario('It should hide button Labels: null | spectre', async (I) => {
+Scenario('It should hide button Labels: null | spectre', async ({ I }) => {
   I.amOnPage('themes.html')
   I.selectOption('iconlib', 'Spectre')
   I.waitForText('Themes Test Page')
@@ -501,7 +532,7 @@ Scenario('It should hide button Labels: null | spectre', async (I) => {
 
 // icons + themes
 
-Scenario('It should hide button Labels: spectre | spectre', async (I) => {
+Scenario('It should hide button Labels: spectre | spectre', async ({ I }) => {
   I.amOnPage('themes.html')
   I.selectOption('theme', 'Spectre')
   I.selectOption('iconlib', 'Spectre')

package/tests/pages/autocomplete.html

@@ -5,6 +5,7 @@
     <title>Autocomplete</title>
     <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
     <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+    <link rel="stylesheet" href="https://unpkg.com/@trevoreyre/autocomplete-js/dist/style.css"/>
     <script src="https://unpkg.com/@trevoreyre/autocomplete-js"></script>
     <script src="../../dist/jsoneditor.js"></script>
 </head>

package/tests/pages/contains.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>contains</title>
+    <script src="../../dist/jsoneditor.js"></script>
+    <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+</head>
+<body>
+
+<div class="container">
+    <div id='editor-container'></div>
+</div>
+
+<script>
+  var editorContainer = document.querySelector('#editor-container')
+  var schema = {
+    'title': 'contains',
+    "type": "array",
+    "contains": {
+      "type": "number"
+    },
+    "items": {
+      "type": "number"
+    }
+  }
+
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always'
+  })
+</script>
+
+</body>
+</html>

package/tests/pages/dependentSchemas.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>dependentSchemas</title>
+    <script src="../../dist/jsoneditor.js"></script>
+    <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+</head>
+<body>
+
+<div class="container">
+    <div id='editor-container'></div>
+</div>
+
+<script>
+  var editorContainer = document.querySelector('#editor-container')
+  var schema = {
+    "type": "object",
+    "properties": {
+      "credit_card": {
+        "type": "number"
+      },
+      "billing_address": {
+        "type": "string"
+      }
+    },
+    "dependentSchemas": {
+      "credit_card": {
+        "properties": {
+          "billing_address": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "billing_address"
+        ]
+      }
+    }
+  }
+
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always',
+    show_opt_in: true
+  })
+</script>
+
+</body>
+</html>

package/tests/pages/if-else.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>If-Else</title>
+    <script src="../../dist/jsoneditor.js"></script>
+    <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+</head>
+<body>
+
+<div class="container">
+    <div id='editor-container'></div>
+</div>
+
+<script>
+  var editorContainer = document.querySelector('#editor-container')
+  var schema = {
+    'type': 'object',
+    'properties': {
+      'country': {
+        'type': 'string',
+        'default': 'America',
+        'enum': [
+          'America',
+          'Canada'
+        ]
+      },
+      'postal_code': {
+        'type': 'string'
+      }
+    },
+    'if': {
+      'properties': {
+        'country': {
+          'const': 'America'
+        }
+      }
+    },
+    'else': {
+      'properties': {
+        'postal_code': {
+          'pattern': '[A-Z][0-9][A-Z] [0-9][A-Z][0-9]'
+        }
+      }
+    }
+  }
+
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome'
+  })
+</script>
+
+</body>
+</html>