@json-editor/json-editor 2.9.0 → 2.9.1

package/docs/datetime.html

@@ -257,7 +257,42 @@
             }
           }
         },
-
+        "isofsdatetime": {
+          "type": "string",
+          "format": "datetime-local",
+          "title": "Datetime (String)",
+          "description": "ISO datetime-local field with flatpickr",
+          "options": {
+            "grid_columns": 4,
+            "inputAttributes": {
+              "placeholder": "Enter datetime"
+            },
+            "flatpickr": {
+              "dateFormat": "Z",
+              "wrap": true,
+              "allowInput": true,
+              "enableSeconds": true,
+            }
+          }
+        },
+        "isofidatetime": {
+          "type": "integer",
+          "format": "datetime-local",
+          "title": "Datetime (Integer)",
+          "description": "ISO datetime-local field with flatpickr",
+          "options": {
+            "grid_columns": 4,
+            "inputAttributes": {
+              "placeholder": "Enter datetime"
+            },
+            "flatpickr": {
+              "dateFormat": "Z",
+              "wrap": true,
+              "allowInput": true,
+              "enableSeconds": true,
+            }
+          }
+        },
         "fisdatetime": {
           "type": "string",
           "format": "datetime-local",
@@ -302,4 +337,4 @@
   </script>
 </body>
 
-</html>
+</html>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@json-editor/json-editor",
   "title": "JSONEditor",
   "description": "JSON Schema based editor",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "main": "dist/jsoneditor.js",
   "author": {
     "name": "Jeremy Dorn",
@@ -29,7 +29,7 @@
     "build": "npm run build.prod && npm run build.nonmin",
     "build.prod": "webpack --config config/webpack.prod.js --progress --profile --bail",
     "build.nonmin": "webpack --config config/webpack.nonmin.js --progress --profile --bail",
-    "build.nonmin.travis": "webpack --config config/webpack.nonmin.js --env.travis --progress --profile --bail",
+    "build.nonmin.travis": "webpack --config config/webpack.nonmin.js --env travis --progress --profile --bail",
     "build.dev": "webpack --config config/webpack.dev.js --progress --profile --bail",
     "watch": "webpack --config config/webpack.nonmin.js --watch",
     "debug": "webpack-dev-server --config config/webpack.dev.js --progress",
@@ -55,37 +55,38 @@
     "node": ">= 0.8.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.0",
-    "@babel/plugin-transform-runtime": "^7.13.15",
-    "@babel/preset-env": "^7.14.1",
-    "@babel/runtime": "^7.14.0",
-    "ace-builds": "^1.4.12",
-    "babel-loader": "^8.2.2",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/runtime": "^7.20.13",
+    "@webpack-cli/serve": "^2.0.1",
+    "ace-builds": "^1.15.0",
+    "babel-loader": "^8.3.0",
     "clean-webpack-plugin": "^3.0.0",
     "cleave.js": "^1.6.0",
-    "codeceptjs": "^2.6.11",
+    "codeceptjs": "^3.3.7",
     "css-loader": "^3.6.0",
     "css2json": "^1.1.1",
     "cssnano": "^4.1.11",
     "eslint": "^6.8.0",
     "eslint-loader": "^2.2.1",
     "fast-deep-equal": "^3.1.3",
-    "http-server": "^0.12.3",
-    "jasmine": "^3.7.0",
-    "jasmine-core": "^3.7.1",
-    "jodit": "^3.12.4",
-    "jquery": "^3.6.0",
-    "karma": "^6.3.14",
-    "karma-chrome-launcher": "^3.1.0",
+    "http-server": "^14.1.1",
+    "jasmine": "^3.99.0",
+    "jasmine-core": "^3.99.1",
+    "jodit": "^3.24.4",
+    "jquery": "^3.6.3",
+    "karma": "^6.4.1",
+    "karma-chrome-launcher": "^3.1.1",
     "karma-jasmine": "^2.0.1",
-    "karma-jasmine-html-reporter": "^1.6.0",
+    "karma-jasmine-html-reporter": "^1.7.0",
     "karma-sourcemap-loader": "^0.3.8",
-    "karma-webpack": "^4.0.2",
+    "karma-webpack": "^5.0.0",
     "mathjs": "^7.5.1",
     "mini-css-extract-plugin": "^0.8.2",
-    "mocha": "^6.2.2",
+    "mocha": "^10.2.0",
     "mochawesome": "^4.1.0",
-    "postcss-loader": "^5.2.0",
+    "postcss-loader": "^5.3.0",
     "puppeteer": "^1.20.0",
     "remove-strict-webpack-plugin": "^0.1.2",
     "sceditor": "^2.1.3",
@@ -93,12 +94,13 @@
     "sinon": "^8.1.1",
     "standard": "^14.3.4",
     "style-loader": "^1.3.0",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.2",
+    "webdriverio": "^6.12.1",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-dev-server": "^4.11.1",
     "webpack-merge": "^4.2.2"
   },
   "dependencies": {
-    "core-js": "^3.12.1"
+    "core-js": "^3.27.2"
   }
 }

package/src/editors/integer.js

@@ -10,10 +10,12 @@ export class IntegerEditor extends NumberEditor {
     if (!this.dependenciesFulfilled) {
       return undefined
     }
-    const value = isInteger(this.value) ? parseInt(this.value) : this.value
-    if (!this.jsoneditor.options.use_default_values && value === '') {
+
+    if (!this.schema.default && !this.jsoneditor.options.use_default_values && this.value === '') {
+      this.input.value = ''
       return undefined
+    } else {
+      return isInteger(this.value) ? parseInt(this.value) : this.value
     }
-    return value
   }
 }

package/src/editors/multiple.js

@@ -290,7 +290,9 @@ export class MultipleEditor extends AbstractEditor {
       this.switchEditor(this.type)
     }
 
-    this.editors[this.type].setValue(val, initial)
+    if (typeof val !== 'undefined') {
+      this.editors[this.type].setValue(val, initial)
+    }
 
     this.refreshValue()
     this.onChange(typeChanged)

package/src/editors/number.js

@@ -42,10 +42,12 @@ export class NumberEditor extends StringEditor {
     if (!this.dependenciesFulfilled) {
       return undefined
     }
-    const value = isNumber(this.value) ? parseFloat(this.value) : this.value
-    if (!this.jsoneditor.options.use_default_values && value === '') {
+
+    if (!this.schema.default && !this.jsoneditor.options.use_default_values && this.value === '') {
+      this.input.value = ''
       return undefined
+    } else {
+      return isNumber(this.value) ? parseFloat(this.value) : this.value
     }
-    return value
   }
 }

package/src/editors/radio.js

@@ -21,12 +21,6 @@ export class RadioEditor extends SelectEditor {
       this.onChange(true)
     }
 
-    if (!this.isRequired()) {
-      this.enum_display.shift()
-      this.enum_options.shift()
-      this.enum_values.shift()
-    }
-
     for (let i = 0; i < this.enum_values.length; i++) {
       /* form radio elements */
       const attributes = {
@@ -109,6 +103,10 @@ export class RadioEditor extends SelectEditor {
   }
 
   setValue (val) {
+    if (typeof val !== 'string') {
+      val = String(val)
+    }
+
     for (let i = 0; i < this.radioGroup.length; i++) {
       if (this.radioGroup[i].value === val) {
         this.radioGroup[i].checked = true

package/src/editors/select.js

@@ -82,12 +82,6 @@ export class SelectEditor extends AbstractEditor {
         this.enum_display[i] = `${this.translateProperty(display[i]) || option}`
         this.enum_values[i] = this.typecast(option)
       })
-
-      if (!this.isRequired()) {
-        this.enum_display.unshift(' ')
-        this.enum_options.unshift('undefined')
-        this.enum_values.unshift(undefined)
-      }
       /* Boolean */
     } else if (this.schema.type === 'boolean') {
       this.enum_display = (this.schema.options && this.schema.options.enum_titles) || ['true', 'false']

package/tests/codeceptjs/core_test.js

@@ -5,7 +5,7 @@ const { DEFAULT_WAIT_TIME } = require('./test-config')
 
 Feature('core')
 
-Scenario('should set per-editor options @per-editor-options', async (I) => {
+Scenario('should set per-editor options @per-editor-options', async ({ I }) => {
   I.amOnPage('per-editor-options.html')
   I.waitForElement('.je-ready')
   I.waitForElement('[title="Expand"]')
@@ -13,7 +13,7 @@ Scenario('should set per-editor options @per-editor-options', async (I) => {
   I.dontSeeElement('.card')
 })
 
-Scenario('should set container attributes @container-attributes', async (I) => {
+Scenario('should set container attributes @container-attributes', async ({ I }) => {
   I.amOnPage('container-attributes.html')
   I.waitForElement('.je-ready')
   I.waitForElement('.container-class')
@@ -22,18 +22,18 @@ Scenario('should set container attributes @container-attributes', async (I) => {
   I.dontSeeElement('[data-schemaid="blank"]')
 })
 
-Scenario('should not set inputs name attributes @use-name-attributes', async (I) => {
+Scenario('should not set inputs name attributes @use-name-attributes', async ({ I }) => {
   I.amOnPage('use-name-attributes.html')
   I.waitForElement('.je-ready')
   I.dontSeeElement('[name]')
 })
 
-Scenario('should have class je-ready when ready @core @ready', async (I) => {
+Scenario('should have class je-ready when ready @core @ready', async ({ I }) => {
   I.amOnPage('ready.html')
   I.waitForElement('.je-ready')
 })
 
-Scenario('should Disable and enable entire form', async (I) => {
+Scenario('should Disable and enable entire form', async ({ I }) => {
   I.amOnPage('core.html')
   I.seeElement('[data-schemapath="root.name"] input')
   I.seeElement('[data-schemapath="root.age"] input')
@@ -45,7 +45,7 @@ Scenario('should Disable and enable entire form', async (I) => {
   I.seeElement('[data-schemapath="root.name"] input:not(:disabled)')
 })
 
-Scenario('should Disable and enable part of the form', async (I) => {
+Scenario('should Disable and enable part of the form', async ({ I }) => {
   I.amOnPage('core.html')
   I.seeElement('[data-schemapath="root.name"] input')
   I.seeElement('[data-schemapath="root.age"] input')
@@ -55,14 +55,14 @@ Scenario('should Disable and enable part of the form', async (I) => {
   I.seeElement('[data-schemapath="root.name"] input:not(:disabled)')
 })
 
-Scenario('should destroy', async (I) => {
+Scenario('should destroy', async ({ I }) => {
   I.amOnPage('core.html')
   I.seeElement('[data-schemapath="root"]')
   I.click('destroy')
   I.dontSeeElement('[data-schemapath="root"]')
 })
 
-Scenario('should set and get form value', 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"}')
@@ -71,7 +71,7 @@ Scenario('should set and get form value', async (I) => {
   assert.equal(await I.grabValueFrom('.value'), '{"age":40,"name":"John Smith"}')
 })
 
-Scenario('should set and get individual values', async (I) => {
+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"')
@@ -79,21 +79,21 @@ Scenario('should set and get individual values', async (I) => {
   assert.equal(await I.grabValueFrom('.value'), '"john kaminski"')
 })
 
-Scenario('should watch a specific field for changes', async (I) => {
+Scenario('should watch a specific field for changes', async ({ I }) => {
   I.amOnPage('core.html')
   I.dontSeeElement('.name-changed')
   I.click('.set-individual-value')
   I.seeElement('.name-changed')
 })
 
-Scenario('should watch form for changes', async (I) => {
+Scenario('should watch form for changes', async ({ I }) => {
   I.amOnPage('core.html')
   I.dontSeeElement('.form-changed')
   I.click('.set-value')
   I.seeElement('.form-changed')
 })
 
-Scenario('should change the form if form_name_root option is set @core', async (I) => {
+Scenario('should change the form if form_name_root option is set @core', async ({ I }) => {
   I.amOnPage('form-name.html')
   I.see('Property must be set.', '.invalid-feedback')
   I.seeElement('[data-schemapath="form_1"]')
@@ -121,7 +121,7 @@ Scenario('should change the form if form_name_root option is set @core', async (
   assert.equal(await I.grabValueFrom('#value-form-2'), '"no"')
 })
 
-Scenario('should validate against oneOf schemas and display single oneOf and editors error messages @core @oneof', async (I) => {
+Scenario('should validate against oneOf schemas and display single oneOf and editors error messages @core @oneof', async ({ I }) => {
   I.amOnPage('oneof.html')
   I.waitForElement('.je-ready')
   I.waitForText('Object is missing the required property \'p4\'', DEFAULT_WAIT_TIME, '.alert-danger')
@@ -152,7 +152,7 @@ Scenario('should validate against oneOf schemas and display single oneOf and edi
   I.dontSee('Value must be at least 4 characters long.', '[data-schemapath="root.p5.p2"] .invalid-feedback')
 })
 
-Scenario('should validate against anyOf schemas and display single anyOf and editors error messages @core @anyof', async (I) => {
+Scenario('should validate against anyOf schemas and display single anyOf and editors error messages @core @anyof', async ({ I }) => {
   I.amOnPage('anyof.html')
   I.waitForElement('.je-ready')
   I.waitForElement('.alert-danger')
@@ -170,14 +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 display anyOf and oneOf error messages in the correct places @848', async (I) => {
+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')
   I.waitForElement('[data-schemapath="root.list"] .invalid-feedback', DEFAULT_WAIT_TIME)
   I.dontSeeElement('[data-schemapath="root.list_group"] .invalid-feedback', DEFAULT_WAIT_TIME)
 })
 
-Scenario('Should switch between all json 7 data types in @oneof and display error messages for each one @core', async (I) => {
+Scenario('Should switch between all json 7 data types in @oneof and display error messages for each one @core', async ({ I }) => {
   I.amOnPage('oneof-2.html')
   I.waitForElement('.je-ready')
 
@@ -216,7 +216,7 @@ Scenario('Should switch between all json 7 data types in @oneof and display erro
   assert.equal(await I.grabValueFrom('#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', async ({ I }) => {
   I.amOnPage('anyof-2.html')
   I.waitForElement('.je-ready')
 
@@ -247,7 +247,7 @@ Scenario('Should switch between all json 7 data types in @anyof and display erro
   assert.equal(await I.grabValueFrom('#value'), '{"test":null}')
 })
 
-Scenario('should validate against oneOf schemas and display single oneOf and editors error messages @core @translate-property', async (I) => {
+Scenario('should validate against oneOf schemas and display single oneOf and editors error messages @core @translate-property', async ({ I }) => {
   I.amOnPage('translate-property.html?lang=en')
   I.waitForText('Object Title')
   I.waitForText('Object Description')
@@ -317,7 +317,7 @@ Scenario('should validate against oneOf schemas and display single oneOf and edi
   I.seeInSource('Rating Info Text (but in german)')
 })
 
-Scenario('should load internal schema definitions, external schema definitions and external schema properties @core @references', async (I) => {
+Scenario('should load internal schema definitions, external schema definitions and external schema properties @core @references', async ({ I }) => {
   I.amOnPage('references.html')
   I.waitForText('References JSON Editor Example')
 
@@ -360,7 +360,7 @@ Scenario('should load internal schema definitions, external schema definitions a
   }
 })
 
-Scenario('should override error messages if specified in schema options @core @errors-messages', async (I) => {
+Scenario('should override error messages if specified in schema options @core @errors-messages', async ({ I }) => {
   I.amOnPage('error-messages.html')
   I.waitForText('Error Messages')
 

package/tests/codeceptjs/editors/advanced_test.js

@@ -1,7 +1,7 @@
 
 Feature('Advanced Editor');
 
-Scenario('test validation & delete', (I) => {
+Scenario('test validation & delete', ({ I }) => {
     I.amOnPage('advanced.html');
     I.retry({ retries: 5, minTimeout: 500 }).seeElement('#valid_indicator');
     I.see('valid', '#valid_indicator');

package/tests/codeceptjs/editors/array_any_of_test.js

@@ -2,13 +2,13 @@ var assert = require('assert');
 
 Feature('anyof in array');
 
-Scenario('should have correct initial value', async (I) => {
+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":[]}');
 });
 
-Scenario('should show errors @optional', async (I) => {
+Scenario('should show errors @optional', async ({ I }) => {
   I.amOnPage('array-anyof.html');
   I.seeElement('[data-schemapath="root"]');
   I.seeElement('[data-schemapath="root.items"]');

package/tests/codeceptjs/editors/array_test.js

@@ -5,13 +5,13 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('array');
 
-Scenario('should have correct initial value', async (I) => {
+Scenario('should have correct initial value', async ({ I }) => {
   I.amOnPage('array.html');
   I.click('.get-value');
   assert.equal(await I.grabValueFrom('.debug'), '[]');
 });
 
-Scenario('unique items arrays sorting @unique-itmes-sorting', async (I) => {
+Scenario('unique items arrays sorting @unique-itmes-sorting', async ({ I }) => {
   I.amOnPage('array-unique-items-sort.html')
   I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.click('[data-schemapath="root.items"] .form-control:nth-of-type(1)')
@@ -61,7 +61,7 @@ Scenario('unique items arrays sorting @unique-itmes-sorting', async (I) => {
   assert.equal(await I.grabValueFrom('.debug'), '{"items":["01","02","03","04","05","06","07","08","09","10","11","12","13","14","15"]}')
 });
 
-Scenario('should array editor events (table) @array-events', async (I) => {
+Scenario('should array editor events (table) @array-events', async ({ I }) => {
   I.amOnPage('array-events-table.html');
   I.seeElement('[data-schemapath="root.0"]');
   I.seeElement('[data-schemapath="root.1"]');
@@ -133,7 +133,7 @@ Scenario('should array editor events (table) @array-events', async (I) => {
   assert.equal(value, '[]');
 });
 
-Scenario('should array editor events @array-events', async (I) => {
+Scenario('should array editor events @array-events', async ({ I }) => {
   I.amOnPage('array-events.html');
   I.seeElement('[data-schemapath="root.0"]');
   I.seeElement('[data-schemapath="root.1"]');
@@ -172,7 +172,7 @@ Scenario('should array editor events @array-events', async (I) => {
   assert.equal(await I.grabValueFrom('.debug'), '[]');
 });
 
-Scenario('should work well with string editors', async (I) => {
+Scenario('should work well with string editors', async ({ I }) => {
   I.amOnPage('array-strings.html');
   I.click('Add String');
   I.click('Add String');
@@ -245,7 +245,7 @@ Scenario('should work well with string editors', async (I) => {
   I.dontSee('String 3');
 });
 
-Scenario('should work well with number editors', async (I) => {
+Scenario('should work well with number editors', async ({ I }) => {
   I.amOnPage('array-numbers.html');
   I.click('Add Number');
   I.click('Add Number');
@@ -318,7 +318,7 @@ Scenario('should work well with number editors', async (I) => {
   I.dontSee('Number 3');
 });
 
-Scenario('should work well with integer editors', async (I) => {
+Scenario('should work well with integer editors', async ({ I }) => {
   I.amOnPage('array-integers.html');
   I.click('Add Integer');
   I.click('Add Integer');
@@ -391,7 +391,7 @@ Scenario('should work well with integer editors', async (I) => {
   I.dontSee('Integer 3');
 });
 
-Scenario('should work well with select editors', async (I) => {
+Scenario('should work well with select editors', async ({ I }) => {
   I.amOnPage('array-selects.html');
   I.click('Add Select');
   I.click('Add Select');
@@ -456,7 +456,7 @@ Scenario('should work well with select editors', async (I) => {
   I.dontSee('Select 3');
 });
 
-Scenario('should work well with checkbox editors', async (I) => {
+Scenario('should work well with checkbox editors', async ({ I }) => {
   I.amOnPage('array-checkboxes.html');
   I.click('Add Checkbox');
   I.click('Add Checkbox');
@@ -529,7 +529,7 @@ Scenario('should work well with checkbox editors', async (I) => {
   I.dontSee('Checkbox 3');
 });
 
-Scenario('should work well with checkbox editors with infoText', async (I) => {
+Scenario('should work well with checkbox editors with infoText', async ({ I }) => {
   I.amOnPage('array-checkboxes-infotext.html')
 
   function check (checkboxId, title, infoText) {
@@ -553,7 +553,7 @@ Scenario('should work well with checkbox editors with infoText', async (I) => {
   check('root4', 'e', 'ee')
 })
 
-Scenario('should work well with rating editors', async (I) => {
+Scenario('should work well with rating editors', async ({ I }) => {
   I.amOnPage('array-ratings.html');
   I.seeElement('[data-schemapath="root.0"]');
   I.seeElement('[data-schemapath="root.1"]');
@@ -616,7 +616,7 @@ Scenario('should work well with rating editors', async (I) => {
   I.dontSee('Rating 3');
 });
 
-Scenario('should work well with multiselect editors', async (I) => {
+Scenario('should work well with multiselect editors', async ({ I }) => {
   I.amOnPage('array-multiselects.html');
   I.click('Add Multiselect');
   I.click('Add Multiselect');
@@ -688,7 +688,7 @@ Scenario('should work well with multiselect editors', async (I) => {
   I.dontSee('Multiselect 3');
 });
 
-Scenario('should work well with object editors', async (I) => {
+Scenario('should work well with object editors', async ({ I }) => {
   I.amOnPage('array-objects.html');
   I.click('Add Object');
   I.click('Add Object');
@@ -761,7 +761,7 @@ Scenario('should work well with object editors', async (I) => {
   I.dontSee('Object 3');
 });
 
-Scenario('should work well with nested array editors', async (I) => {
+Scenario('should work well with nested array editors', async ({ I }) => {
   I.amOnPage('array-nested-arrays.html');
   I.click('Add Array');
   I.click('Add Array');
@@ -947,7 +947,7 @@ Scenario('should work well with nested array editors', async (I) => {
   assert.equal(await I.grabValueFrom('.debug'), '[[],[],[],[],[]]');
 });
 
-Scenario('should work well with selectize multiselect editors', async (I) => {
+Scenario('should work well with selectize multiselect editors', async ({ I }) => {
   I.amOnPage('array-selectize.html');
   I.click('Add item');
   await I.seeElement('[data-schemapath="root.0"]');

package/tests/codeceptjs/editors/autocomplete_test.js

@@ -4,12 +4,12 @@ var assert = require('assert')
 
 Feature('autocomplete')
 
-Scenario('autocomplete should work @autocomplete', async (I) => {
+Scenario('autocomplete should work @autocomplete', async ({ I }) => {
   I.amOnPage('autocomplete.html')
   I.waitForElement('.je-ready', 10)
   I.fillField('root', 'ir')
-  I.waitForText('iran', 10, '.autocomplete-result-list')
-  I.waitForText('iraq', 10, '.autocomplete-result-list')
+  I.waitForText('iran', 20, '.autocomplete-result-list')
+  I.waitForText('iraq', 20, '.autocomplete-result-list')
   I.click('iraq', '.autocomplete-result:nth-child(2)')
   I.wait(1)
   assert.equal(await I.grabValueFrom('.value'), '"iraq"')

package/tests/codeceptjs/editors/button_test.js

@@ -3,7 +3,7 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('button');
 
-Scenario('should work with button editor callbacks', async (I) => {
+Scenario('should work with button editor callbacks', async ({ I }) => {
   I.amOnPage('button-callbacks.html');
   I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.seeElement('[data-schemapath="root.button1"] button');
@@ -11,7 +11,7 @@ Scenario('should work with button editor callbacks', async (I) => {
   assert.equal(await I.grabValueFrom('.value'), 'button1CB');
 });
 
-Scenario('should work with option "validated"', async (I) => {
+Scenario('should work with option "validated" @validated', async ({ I }) => {
   I.amOnPage('button-callbacks.html');
   I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.seeElement('[data-schemapath="root.button1"] button');
@@ -23,20 +23,20 @@ Scenario('should work with option "validated"', async (I) => {
   assert.equal(await I.grabValueFrom('.value'), 'button2CB');
 });
 
-Scenario('should not leave any footprints in result', async (I) => {
+Scenario('should not leave any footprints in result', async ({ I }) => {
   I.amOnPage('button-callbacks.html');
   I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.click('.get-value');
   assert.equal(await I.grabValueFrom('.value'), JSON.stringify({"textinput":""}));
 });
 
-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.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.seeDisabledAttribute('[data-schemapath="root.button"] button');
 });
 
-Scenario('should set icon @button @button-icon', async (I) => {
+Scenario('should set icon @button @button-icon', async ({ I }) => {
   I.amOnPage('button-icons.html')
   I.waitForElement('.je-ready', DEFAULT_WAIT_TIME)
   I.waitForElement('i.fas.fa-search', DEFAULT_WAIT_TIME)

package/tests/codeceptjs/editors/checkbox_test.js

@@ -3,13 +3,13 @@ const { DEFAULT_WAIT_TIME } = require('../test-config')
 
 Feature('checkbox');
 
-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.waitForText('READY', DEFAULT_WAIT_TIME, '.state');
   I.seeDisabledAttribute('[name="root[checkbox]"]');
 });
 
-Scenario('label should be visible for items at top level, but not in tables', async (I) => {
+Scenario('label should be visible for items at top level, but not in tables', async ({ I }) => {
   I.amOnPage('checkbox-labels.html');
   I.waitForText('READY', DEFAULT_WAIT_TIME, '.state');
   I.seeElement('//label[contains(@for, "root[Awesome Compact]")]');

package/tests/codeceptjs/editors/colorpicker_test.js

@@ -2,14 +2,14 @@ var assert = require('assert');
 
 Feature('colorpicker');
 
-Scenario('test ColorPicker Editor  without third party library', async (I) => {
+Scenario('test ColorPicker Editor  without third party library', async ({ I }) => {
   I.amOnPage('colorpicker-no-3rd-party.html');
   I.seeElement('[name="root[colorpicker]');
   I.click('.get-value');
   assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({"colorpicker":"#efefef"}));
 });
 
-Scenario('test ColorPicker Editor  using vanilla-picker', async (I) => {
+Scenario('test ColorPicker Editor  using vanilla-picker', async ({ I }) => {
   I.amOnPage('colorpicker-use-vanilla-picker.html');
   I.click('.get-value');
   assert.equal(await I.grabValueFrom('.debug'), JSON.stringify({"colorpicker":"rgba(0,0,0,1)"}));