json-editor/tests/codeceptjs/editors/array_test.js

var assert = require('assert');
var i;

Feature('array');

Scenario('should have correct initial value', async (I) => {
  I.amOnPage('array.html');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[]');
});

Scenario('should work well with string editors', async (I) => {
  I.amOnPage('array-strings.html');
  I.click('Add String');
  I.click('Add String');
  I.click('Add String');
  I.click('Add String');
  I.click('Add String');
  I.seeElement('[name="root[0]"]');
  I.seeElement('[name="root[1]"]');
  I.seeElement('[name="root[2]"]');
  I.seeElement('[name="root[3]"]');
  I.seeElement('[name="root[4]"]');
  I.fillField('[name="root[0]"]', "1");
  I.fillField('[name="root[1]"]', "2");
  I.fillField('[name="root[2]"]', "3");
  I.fillField('[name="root[3]"]', "4");
  I.fillField('[name="root[4]"]', "5");
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '["1","2","3","4","5"]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '["3","1","2","5","4"]');

  // delete single
  I.see('String 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('String 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('String 5');

  // delete last
  I.see('String 4');
  I.click('Delete Last String');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('String 4');
  I.click('Delete Last String');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('String 4');

  // delete all
  I.see('String 1');
  I.see('String 2');
  I.see('String 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('String 1');
  I.see('String 2');
  I.see('String 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('String 1');
  I.dontSee('String 2');
  I.dontSee('String 3');
});

Scenario('should work well with number editors', async (I) => {
  I.amOnPage('array-numbers.html');
  I.click('Add Number');
  I.click('Add Number');
  I.click('Add Number');
  I.click('Add Number');
  I.click('Add Number');
  I.seeElement('[name="root[0]"]');
  I.seeElement('[name="root[1]"]');
  I.seeElement('[name="root[2]"]');
  I.seeElement('[name="root[3]"]');
  I.seeElement('[name="root[4]"]');
  I.fillField('[name="root[0]"]', "1");
  I.fillField('[name="root[1]"]', "2");
  I.fillField('[name="root[2]"]', "3");
  I.fillField('[name="root[3]"]', "4");
  I.fillField('[name="root[4]"]', "5");
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[1,2,3,4,5]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[3,1,2,5,4]');

  // delete single
  I.see('Number 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Number 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Number 5');

  // delete last
  I.see('Number 4');
  I.click('Delete Last Number');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Number 4');
  I.click('Delete Last Number');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Number 4');

  // delete all
  I.see('Number 1');
  I.see('Number 2');
  I.see('Number 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Number 1');
  I.see('Number 2');
  I.see('Number 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Number 1');
  I.dontSee('Number 2');
  I.dontSee('Number 3');
});

Scenario('should work well with integer editors', async (I) => {
  I.amOnPage('array-integers.html');
  I.click('Add Integer');
  I.click('Add Integer');
  I.click('Add Integer');
  I.click('Add Integer');
  I.click('Add Integer');
  I.seeElement('[name="root[0]"]');
  I.seeElement('[name="root[1]"]');
  I.seeElement('[name="root[2]"]');
  I.seeElement('[name="root[3]"]');
  I.seeElement('[name="root[4]"]');
  I.fillField('[name="root[0]"]', "1");
  I.fillField('[name="root[1]"]', "2");
  I.fillField('[name="root[2]"]', "3");
  I.fillField('[name="root[3]"]', "4");
  I.fillField('[name="root[4]"]', "5");
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[1,2,3,4,5]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[3,1,2,5,4]');

  // delete single
  I.see('Integer 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Integer 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Integer 5');

  // delete last
  I.see('Integer 4');
  I.click('Delete Last Integer');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Integer 4');
  I.click('Delete Last Integer');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Integer 4');

  // delete all
  I.see('Integer 1');
  I.see('Integer 2');
  I.see('Integer 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Integer 1');
  I.see('Integer 2');
  I.see('Integer 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Integer 1');
  I.dontSee('Integer 2');
  I.dontSee('Integer 3');
});

Scenario('should work well with select editors', async (I) => {
  I.amOnPage('array-selects.html');
  I.click('Add Select');
  I.click('Add Select');
  I.seeElement('[name="root[0]"]');
  I.seeElement('[name="root[1]"]');
  I.selectOption('[name="root[0]"]', "true");
  I.selectOption('[name="root[1]"]', "false");
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[true,false]');

  // shuffle
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[false,true]');

  // delete single
  I.click('Add Select');
  I.click('Add Select');
  I.click('Add Select');
  I.see('Select 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Select 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Select 5');

  // delete last
  I.see('Select 4');
  I.click('Delete Last Select');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Select 4');
  I.click('Delete Last Select');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Select 4');

  // delete all
  I.see('Select 1');
  I.see('Select 2');
  I.see('Select 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Select 1');
  I.see('Select 2');
  I.see('Select 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Select 1');
  I.dontSee('Select 2');
  I.dontSee('Select 3');
});

Scenario('should work well with checkbox editors', async (I) => {
  I.amOnPage('array-checkboxes.html');
  I.click('Add Checkbox');
  I.click('Add Checkbox');
  I.click('Add Checkbox');
  I.click('Add Checkbox');
  I.click('Add Checkbox');
  I.seeElement('[data-schemapath="root.0"]');
  I.seeElement('[data-schemapath="root.1"]');
  I.seeElement('[data-schemapath="root.2"]');
  I.seeElement('[data-schemapath="root.3"]');
  I.seeElement('[data-schemapath="root.4"]');
  I.checkOption('1', '[data-schemapath="root.0"]');
  I.checkOption('2', '[data-schemapath="root.1"]');
  I.checkOption('3', '[data-schemapath="root.2"]');
  I.checkOption('4', '[data-schemapath="root.3"]');
  I.checkOption('5', '[data-schemapath="root.4"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["1"],["2"],["3"],["4"],["5"]]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["3"],["1"],["2"],["5"],["4"]]');

  // delete single
  I.see('Checkbox 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Checkbox 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Checkbox 5');

  // delete last
  I.see('Checkbox 4');
  I.click('Delete Last Checkbox');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Checkbox 4');
  I.click('Delete Last Checkbox');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Checkbox 4');

  // delete all
  I.see('Checkbox 1');
  I.see('Checkbox 2');
  I.see('Checkbox 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Checkbox 1');
  I.see('Checkbox 2');
  I.see('Checkbox 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Checkbox 1');
  I.dontSee('Checkbox 2');
  I.dontSee('Checkbox 3');
});

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"]');
  I.seeElement('[data-schemapath="root.2"]');
  I.seeElement('[data-schemapath="root.3"]');
  I.seeElement('[data-schemapath="root.4"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[1,2,3,4,5]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[3,1,2,5,4]');

  // delete single
  I.see('Rating 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Rating 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Rating 5');

  // delete last
  I.see('Rating 4');
  I.click('Delete Last Rating');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Rating 4');
  I.click('Delete Last Rating');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Rating 4');

  // delete all
  I.see('Rating 1');
  I.see('Rating 2');
  I.see('Rating 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Rating 1');
  I.see('Rating 2');
  I.see('Rating 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Rating 1');
  I.dontSee('Rating 2');
  I.dontSee('Rating 3');
});

Scenario('should work well with multiselect editors', async (I) => {
  I.amOnPage('array-multiselects.html');
  I.click('Add Multiselect');
  I.click('Add Multiselect');
  I.click('Add Multiselect');
  I.click('Add Multiselect');
  I.click('Add Multiselect');
  I.seeElement('[data-schemapath="root.0"]');
  I.seeElement('[data-schemapath="root.1"]');
  I.seeElement('[data-schemapath="root.2"]');
  I.seeElement('[data-schemapath="root.3"]');
  I.seeElement('[data-schemapath="root.4"]');
  I.selectOption('[name="root[0]"]', "1");
  I.selectOption('[name="root[1]"]', "2");
  I.selectOption('[name="root[2]"]', "3");
  I.selectOption('[name="root[3]"]', "4");
  I.selectOption('[name="root[4]"]', "5");
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["1"],["2"],["3"],["4"],["5"]]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["3"],["1"],["2"],["5"],["4"]]');

  // delete single
  I.see('Multiselect 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Multiselect 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Multiselect 5');

  // delete last
  I.see('Multiselect 4');
  I.click('Delete Last Multiselect');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Multiselect 4');
  I.click('Delete Last Multiselect');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Multiselect 4');

  // delete all
  I.see('Multiselect 1');
  I.see('Multiselect 2');
  I.see('Multiselect 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Multiselect 1');
  I.see('Multiselect 2');
  I.see('Multiselect 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Multiselect 1');
  I.dontSee('Multiselect 2');
  I.dontSee('Multiselect 3');
});

Scenario('should work well with object editors', async (I) => {
  I.amOnPage('array-objects.html');
  I.click('Add Object');
  I.click('Add Object');
  I.click('Add Object');
  I.click('Add Object');
  I.click('Add Object');
  I.seeElement('[name="root[0][property]"]');
  I.seeElement('[name="root[1][property]"]');
  I.seeElement('[name="root[2][property]"]');
  I.seeElement('[name="root[3][property]"]');
  I.seeElement('[name="root[4][property]"]');
  I.fillField('[name="root[0][property]"]', "1");
  I.fillField('[name="root[1][property]"]', "2");
  I.fillField('[name="root[2][property]"]', "3");
  I.fillField('[name="root[3][property]"]', "4");
  I.fillField('[name="root[4][property]"]', "5");
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[{"property":"1"},{"property":"2"},{"property":"3"},{"property":"4"},{"property":"5"}]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[{"property":"3"},{"property":"1"},{"property":"2"},{"property":"5"},{"property":"4"}]');

  // delete single
  I.see('Object 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Object 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Object 5');

  // delete last
  I.see('Object 4');
  I.click('Delete Last Object');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Object 4');
  I.click('Delete Last Object');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Object 4');

  // delete all
  I.see('Object 1');
  I.see('Object 2');
  I.see('Object 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Object 1');
  I.see('Object 2');
  I.see('Object 3');
  I.click('Delete All');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Object 1');
  I.dontSee('Object 2');
  I.dontSee('Object 3');
});

Scenario('should work well with nested array editors', async (I) => {
  I.amOnPage('array-nested-arrays.html');
  I.click('Add Array');
  I.click('Add Array');
  I.click('Add Array');
  I.click('Add Array');
  I.click('Add Array');
  I.seeElement('[data-schemapath="root.0"]');
  I.seeElement('[data-schemapath="root.1"]');
  I.seeElement('[data-schemapath="root.2"]');
  I.seeElement('[data-schemapath="root.3"]');
  I.seeElement('[data-schemapath="root.4"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[[],[],[],[],[]]');

  // adds one string editor in each first level array
  for (i = 0; i < 5; i++) {
    I.click('Add String', '[data-schemapath="root.' + i + '"]');
    I.fillField('[data-schemapath="root.' + i + '"] [name="root[' + i + '][0]"]', String(i + 1));
  }

  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["1"],["2"],["3"],["4"],["5"]]');

  // shuffle
  I.click('.moveup[data-i="4"]');
  I.click('.moveup[data-i="2"]');
  I.click('.moveup[data-i="1"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["3"],["1"],["2"],["5"],["4"]]');

  // delete single
  I.see('Array 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Array 5');
  I.click('[data-schemapath="root.4"] .delete');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Array 5');

  // delete last
  I.see('Array 4');
  I.click('Delete Last Array');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Array 4');
  I.click('Delete Last Array');
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Array 4');

  // delete all
  I.see('Array 1');
  I.see('Array 2');
  I.see('Array 3');
  // there are hidden "Delete All" buttons right now and "I.click(Delete All)"
  // will attempt to click the first match. It fails because is hidden.
  // this is why i use this script. is more flexible.
  I.executeScript(function() {
    var e = document.querySelectorAll('.json-editor-btn-delete');
    e[e.length - 1].click();
  });
  I.seeInPopup('Are you sure you want to remove this node?');
  I.cancelPopup();
  I.see('Array 1');
  I.see('Array 2');
  I.see('Array 3');
  I.executeScript(function() {
    var e = document.querySelectorAll('.json-editor-btn-delete');
    e[e.length - 1].click();
  });
  I.seeInPopup('Are you sure you want to remove this node?');
  I.acceptPopup();
  I.dontSee('Array 1');
  I.dontSee('Array 2');
  I.dontSee('Array 3');

  // manipulate nested items
  I.amOnPage('array-nested-arrays.html');
  I.click('Add Array');
  I.click('Add Array');
  I.click('Add Array');
  I.click('Add Array');
  I.click('Add Array');
  I.seeElement('[data-schemapath="root.0"]');
  I.seeElement('[data-schemapath="root.1"]');
  I.seeElement('[data-schemapath="root.2"]');
  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[[],[],[],[],[]]');

  // adds one string editor in each first level array
  for (i = 0; i < 5; i++) {
    I.click('Add String', '[data-schemapath="root.' + i + '"]');
    I.click('Add String', '[data-schemapath="root.' + i + '"]');
    I.click('Add String', '[data-schemapath="root.' + i + '"]');
    I.click('Add String', '[data-schemapath="root.' + i + '"]');
    I.click('Add String', '[data-schemapath="root.' + i + '"]');
    I.fillField('[data-schemapath="root.' + i + '"] [name="root[' + i + '][0]"]', "1");
    I.fillField('[data-schemapath="root.' + i + '"] [name="root[' + i + '][1]"]', "2");
    I.fillField('[data-schemapath="root.' + i + '"] [name="root[' + i + '][2]"]', "3");
    I.fillField('[data-schemapath="root.' + i + '"] [name="root[' + i + '][3]"]', "4");
    I.fillField('[data-schemapath="root.' + i + '"] [name="root[' + i + '][4]"]', "5");
  }

  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["1","2","3","4","5"],["1","2","3","4","5"],["1","2","3","4","5"],["1","2","3","4","5"],["1","2","3","4","5"]]');

  // shuffle every strings array
  for (i = 0; i < 5; i++) {
    I.click('[data-schemapath="root.' + i + '.4"] .moveup');
    I.click('[data-schemapath="root.' + i + '.2"] .moveup');
    I.click('[data-schemapath="root.' + i + '.1"] .moveup');
  }

  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["3","1","2","5","4"],["3","1","2","5","4"],["3","1","2","5","4"],["3","1","2","5","4"],["3","1","2","5","4"]]');

  // delete single (fifth) element from every string array
  for (i = 0; i < 5; i++) {
    I.see('String 5', '[data-schemapath="root.' + i + '"]');
    I.click('[data-schemapath="root.' + i + '.4"] .delete');
    I.seeInPopup('Are you sure you want to remove this node?');
    I.cancelPopup();
    I.see('String 5', '[data-schemapath="root.' + i + '"]');
    I.click('[data-schemapath="root.' + i + '.4"] .delete');
    I.seeInPopup('Are you sure you want to remove this node?');
    I.acceptPopup();
    I.dontSee('String 5', '[data-schemapath="root.' + i + '"]');
  }

  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["3","1","2","5"],["3","1","2","5"],["3","1","2","5"],["3","1","2","5"],["3","1","2","5"]]');

  // delete last (fourth) element from every string array
  for (i = 0; i < 5; i++) {
    I.see('String 4', '[data-schemapath="root.' + i + '"]');
    I.click('Delete Last String', '[data-schemapath="root.' + i + '"]');
    I.seeInPopup('Are you sure you want to remove this node?');
    I.cancelPopup();
    I.see('String 4', '[data-schemapath="root.' + i + '"]');
    I.click('Delete Last String', '[data-schemapath="root.' + i + '"]');
    I.seeInPopup('Are you sure you want to remove this node?');
    I.acceptPopup();
    I.dontSee('String 4', '[data-schemapath="root.' + i + '"]');
  }

  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[["3","1","2"],["3","1","2"],["3","1","2"],["3","1","2"],["3","1","2"]]');

  // delete last (fourth) element from every string array
  for (i = 0; i < 5; i++) {
    I.see('String 1', '[data-schemapath="root.' + i + '"]');
    I.see('String 2', '[data-schemapath="root.' + i + '"]');
    I.see('String 3', '[data-schemapath="root.' + i + '"]');
    I.click('Delete All', '[data-schemapath="root.' + i + '"]');
    I.seeInPopup('Are you sure you want to remove this node?');
    I.cancelPopup();
    I.see('String 1', '[data-schemapath="root.' + i + '"]');
    I.see('String 2', '[data-schemapath="root.' + i + '"]');
    I.see('String 3', '[data-schemapath="root.' + i + '"]');
    I.click('Delete All', '[data-schemapath="root.' + i + '"]');
    I.seeInPopup('Are you sure you want to remove this node?');
    I.acceptPopup();
    I.dontSee('String 1', '[data-schemapath="root.' + i + '"]');
    I.dontSee('String 2', '[data-schemapath="root.' + i + '"]');
    I.dontSee('String 3', '[data-schemapath="root.' + i + '"]');
  }

  I.click('.get-value');
  value = await I.grabValueFrom('.debug');
  assert.equal(value, '[[],[],[],[],[]]');

});