@wirenboard/json-editor 2.5.3-wb13

package/tests/codeceptjs/editors/rating_test.js

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

package/tests/codeceptjs/editors/select_test.js

@@ -0,0 +1,22 @@
+/* global Feature Scenario */
+
+var assert = require('assert')
+
+Feature('select')
+
+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.selectOption('[name="root[boolean]"]', 'false')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"boolean":false}')
+  I.selectOption('[name="root[boolean]"]', 'true')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"boolean":true}')
+})
+
+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

@@ -0,0 +1,27 @@
+/* global Feature Scenario */
+
+var assert = require('assert')
+
+Feature('stepper')
+
+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'), '{}')
+})
+
+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.click('.stepper-down')
+  I.click('.stepper-down')
+  I.click('.stepper-down')
+  I.click('.get-value')
+  assert.equal(await I.grabValueFrom('.value'), '{"stepper":5}')
+})

package/tests/codeceptjs/editors/string_test.js

@@ -0,0 +1,118 @@
+/* global Feature Scenario */
+
+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'), '[]')
+})
+
+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__' }]))
+})
+
+Scenario('should have correct initial value', async (I) => {
+  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')
+
+  // 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.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')
+
+  // 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()
+
+  // enters first iframe and read text
+  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.see('__BLUE__')
+  I.switchTo()
+
+  // enters second iframe and read text
+  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('.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()
+
+  // enters second iframe and read text
+  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]"]')
+})
+
+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')
+})
+
+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' }))
+})

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

@@ -0,0 +1,67 @@
+/* global Feature Scenario */
+
+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'), '[]')
+})
+
+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')
+})
+
+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')
+})
+
+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')
+})

package/tests/codeceptjs/editors/tabs_test.js

@@ -0,0 +1,14 @@
+/* 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.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/uuid_test.js

@@ -0,0 +1,21 @@
+/* global Feature Scenario */
+
+const assert = require('assert')
+
+Feature('uuid')
+
+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)
+})
+
+Scenario('should have initial value matching uuid in arrays @uuid', async (I) => {
+  I.click('Add item')
+  I.click('Add item')
+  const value0 = await I.grabValueFrom('[name="root[uuidArray][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)
+  const value1 = await I.grabValueFrom('[name="root[uuidArray][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)
+})

package/tests/codeceptjs/editors/validation_test.js

@@ -0,0 +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')
+
+Scenario('test validations in validation.html', (I) => {
+  I.amOnPage('validation.html')
+  var numberOfTestItemsExpected = 152
+  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

@@ -0,0 +1,17 @@
+/* global Feature Scenario */
+
+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')
+})

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.d.ts

@@ -0,0 +1,13 @@
+/// <reference types='codeceptjs' />
+type steps_file = typeof import('./steps_file.js');
+type customHelpers = import('../../config/codeceptjs_helpers.js');
+
+declare namespace CodeceptJS {
+  interface SupportObject { I: CodeceptJS.I }
+  interface CallbackOrder { [0]: CodeceptJS.I }
+  interface Methods extends CodeceptJS.WebDriver, customHelpers {}
+  interface I extends ReturnType<steps_file> {}
+  namespace Translation {
+    interface Actions {}
+  }
+}

package/tests/codeceptjs/steps_file.js

@@ -0,0 +1,12 @@
+/* global actor */
+
+'use strict'
+// in this file you can append custom step methods to 'I' object
+
+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.
+  })
+}