@dhis2-ui/transfer 9.4.3 → 9.4.5

package/build/cjs/features/loading_lists/index.js

@@ -1,30 +1,30 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('the source list is loading', () => {
+(0, _cypressCucumberPreprocessor.Given)('the source list is loading', () => {
   cy.visitStory('Transfer Loading Lists', 'Loading Source');
   cy.wrap('source').as('listType');
 });
-(0, _steps.Given)('the picked list is loading', () => {
+(0, _cypressCucumberPreprocessor.Given)('the picked list is loading', () => {
   cy.visitStory('Transfer Loading Lists', 'Loading Picked');
   cy.wrap('picked').as('listType');
 });
-(0, _steps.Given)('the source list is not loading', () => {
+(0, _cypressCucumberPreprocessor.Given)('the source list is not loading', () => {
   cy.visitStory('Transfer Loading Lists', 'Not Loading Source');
   cy.wrap('source').as('listType');
 });
-(0, _steps.Given)('the picked list is not loading', () => {
+(0, _cypressCucumberPreprocessor.Given)('the picked list is not loading', () => {
   cy.visitStory('Transfer Loading Lists', 'Not Loading Picked');
   cy.wrap('picked').as('listType');
 });
-(0, _steps.Then)('the loading indicator should be shown', () => {
+(0, _cypressCucumberPreprocessor.Then)('the loading indicator should be shown', () => {
   cy.get('@listType').then(listType => {
     const listSelector = listType === 'source' ? '{transfer-leftside}' : '{transfer-rightside}';
     cy.get("".concat(listSelector, " .loading")).should('exist');
   });
 });
-(0, _steps.Then)('the loading indicator should not be shown', () => {
+(0, _cypressCucumberPreprocessor.Then)('the loading indicator should not be shown', () => {
   cy.get('@listType').then(listType => {
     const listSelector = listType === 'source' ? '{transfer-leftside}' : '{transfer-rightside}';
     cy.get("".concat(listSelector, " .loading")).should('not.exist');

package/build/cjs/features/notify_at_end_of_list/index.js

@@ -1,48 +1,37 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-Cypress.on('uncaught:exception', err => {
-  // This prevents a benign error:
-  //   This error means that ResizeObserver was not able to deliver all
-  //   observations within a single animation frame. It is benign (your site
-  //   will not break).
-  //
-  // Source: https://stackoverflow.com/a/50387233/1319140
-  if (err.match(/ResizeObserver loop limit exceeded/)) {
-    return false;
-  }
-});
-(0, _steps.Given)('the Transfer has enough items to fill the source list completely', () => {
+(0, _cypressCucumberPreprocessor.Given)('the Transfer has enough items to fill the source list completely', () => {
   cy.visitStory('Transfer End Of List', 'Full Source List');
   cy.wrap('source').as('listType');
 });
-(0, _steps.Given)('the Transfer has enough items to fill the picked list completely', () => {
+(0, _cypressCucumberPreprocessor.Given)('the Transfer has enough items to fill the picked list completely', () => {
   cy.visitStory('Transfer End Of List', 'Full Picked List');
   cy.wrap('picked').as('listType');
 });
-(0, _steps.Given)('the Transfer does not have enough items to fill the source list completely', () => {
+(0, _cypressCucumberPreprocessor.Given)('the Transfer does not have enough items to fill the source list completely', () => {
   cy.visitStory('Transfer End Of List', 'Partial Source List');
   cy.wrap('source').as('listType');
 });
-(0, _steps.Given)('the Transfer does not have enough items to fill the picked list completely', () => {
+(0, _cypressCucumberPreprocessor.Given)('the Transfer does not have enough items to fill the picked list completely', () => {
   cy.visitStory('Transfer End Of List', 'Partial Picked List');
   cy.wrap('picked').as('listType');
 });
-(0, _steps.When)('the user scroll to the end of the list', () => {
+(0, _cypressCucumberPreprocessor.When)('the user scroll to the end of the list', () => {
   cy.get('@listType').then(listType => {
     const listSelector = listType === 'source' ? 'transfer-sourceoptions' : 'transfer-pickedoptions';
     cy.get("{".concat(listSelector, "-endintersectiondetector}")).scrollIntoView();
   });
 });
-(0, _steps.Then)('the callback for reaching the end should not be called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the callback for reaching the end should not be called', () => {
   cy.all(() => cy.window(), () => cy.get('@listType')).should(_ref => {
     let [win, listType] = _ref;
     const callback = listType === 'source' ? win.onEndReached : win.onEndReachedPicked;
     expect(callback).to.not.be.called;
   });
 });
-(0, _steps.Then)('the callback for reaching the end should be called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the callback for reaching the end should be called', () => {
   cy.all(() => cy.window(), () => cy.get('@listType')).should(_ref2 => {
     let [win, listType] = _ref2;
     const callback = listType === 'source' ? win.onEndReached : win.onEndReachedPicked;

package/build/cjs/features/reorder-with-buttons/index.js

@@ -1,42 +1,46 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('reordering of items is enabled', () => {// no op
+(0, _cypressCucumberPreprocessor.Given)('reordering of items is enabled', () => {// no op
 });
-(0, _steps.Given)('the selected list has three items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list has three items', () => {
   cy.visitStory('Transfer Reorder Buttons', 'Has Some Selected');
 });
-(0, _steps.Given)('the selected list has some items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list has some items', () => {
   cy.visitStory('Transfer Reorder Buttons', 'Has Some Selected');
 });
-(0, _steps.Given)('the {int}. item is highlighted', previousPisition => {
-  const index = previousPisition - 1;
+(0, _cypressCucumberPreprocessor.Given)('the {int}. item is highlighted', previousPosition => {
+  const index = previousPosition - 1;
+  console.log('> index', index);
+  cy.get('{transfer-pickedoptions} {transferoption}').eq(index).invoke('attr', 'data-value').as('previousValue', {
+    type: 'static'
+  });
   cy.get('{transfer-pickedoptions} {transferoption}').eq(index).as('previous').click();
 });
-(0, _steps.Given)('no items are highlighted in the list', () => {
+(0, _cypressCucumberPreprocessor.Given)('no items are highlighted in the list', () => {
   cy.get('{transfer-pickedoptions} {transferoption}.highlighted').should('not.exist');
 });
-(0, _steps.Given)('more than one item is highlighted in the list', () => {
+(0, _cypressCucumberPreprocessor.Given)('more than one item is highlighted in the list', () => {
   cy.get('{transfer-pickedoptions} {transferoption}').filter(index => index < 2).each($option => cy.wrap($option).clickWith('ctrl'));
 });
-(0, _steps.When)("the user clicks the 'move up' button", () => {
+(0, _cypressCucumberPreprocessor.When)("the user clicks the 'move up' button", () => {
   // force, so we click disabled buttons
   cy.get('{transfer-reorderingactions-buttonmoveup}').click({
     force: true
   });
 });
-(0, _steps.When)("the user clicks the 'move down' button", () => {
+(0, _cypressCucumberPreprocessor.When)("the user clicks the 'move down' button", () => {
   // force, so we click disabled buttons
   cy.get('{transfer-reorderingactions-buttonmovedown}').click({
     force: true
   });
 });
-(0, _steps.Then)('the highlighted item should be moved to the {int}. place', next => {
+(0, _cypressCucumberPreprocessor.Then)('the highlighted item should be moved to the {int}. place', next => {
   const index = next - 1;
-  cy.get('@previous').invoke('index').should('equal', index);
+  cy.get('@previousValue').then(previousValue => cy.get("[data-value=\"".concat(previousValue, "\"]"))).invoke('index').should('equal', index);
 });
-(0, _steps.Then)("the 'move up' and 'move down' buttons should be disabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move up' and 'move down' buttons should be disabled", () => {
   cy.get('{transfer-reorderingactions-buttonmoveup}').should('have.attr', 'disabled');
   cy.get('{transfer-reorderingactions-buttonmovedown}').should('have.attr', 'disabled');
 });

package/build/cjs/features/set_unset-highlighted-option/index.js

@@ -1,48 +1,48 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
 var _index = require("../common/index.js");
 
-(0, _steps.Given)('the option list has one or more items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the option list has one or more items', () => {
   cy.visitStory('Transfer set & unset higlighted options', 'Has Options');
   cy.get('{transfer-sourceoptions}').as('list');
 });
-(0, _steps.Given)('the selected list has one or more items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list has one or more items', () => {
   cy.visitStory('Transfer set & unset higlighted options', 'Has Selected');
   cy.get('{transfer-pickedoptions}').as('list');
 });
-(0, _steps.Given)('no item is highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('no item is highlighted', () => {
   cy.get('@list').find('.highlighted').should('not.exist');
 });
-(0, _steps.Given)('one item is highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('one item is highlighted', () => {
   cy.get('@list').find('{transferoption}').first().as('initiallyHighlighted').click().should('have.class', 'highlighted');
 });
-(0, _steps.Given)('the highlighted item is not visible due to a set filter', () => {
+(0, _cypressCucumberPreprocessor.Given)('the highlighted item is not visible due to a set filter', () => {
   // store hidden option because dom reference will be lost
   cy.get('@initiallyHighlighted').then($initiallyHighlighted => (0, _index.extractOptionFromElement)($initiallyHighlighted)).as('hiddenHighlighted');
   cy.get('{transfer-filter} input').type('No result search term');
   cy.get('{transfer-sourceoptions} {transferoption}').should('not.exist');
 });
-(0, _steps.When)('the user clicks an item in the list that is not highlighted', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks an item in the list that is not highlighted', () => {
   cy.get('@list').find('{transferoption}').first().invoke('next').as('nextHighlighted').click();
 });
-(0, _steps.When)('the user clicks an item in the list that is highlighted', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks an item in the list that is highlighted', () => {
   cy.get('@initiallyHighlighted').wait(500).click();
 });
-(0, _steps.When)('the user selects the visible, highlighted options', () => {
+(0, _cypressCucumberPreprocessor.When)('the user selects the visible, highlighted options', () => {
   cy.get('{transfer-actions-addindividual}').click();
 });
-(0, _steps.When)('the users changes the filter to include the hidden option', () => {
+(0, _cypressCucumberPreprocessor.When)('the users changes the filter to include the hidden option', () => {
   cy.get('{transfer-filter} input').clear();
 });
-(0, _steps.Then)('the clicked item should be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clicked item should be highlighted', () => {
   cy.get('@nextHighlighted').should('have.class', 'highlighted');
 });
-(0, _steps.Then)('the previously highlighted item should no longer be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the previously highlighted item should no longer be highlighted', () => {
   cy.get('@initiallyHighlighted').should('have.not.class', 'highlighted');
 });
-(0, _steps.Then)('the option is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the option is visible', () => {
   cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
     let [hiddenHighlighted, $options] = _ref;
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
@@ -52,7 +52,7 @@ var _index = require("../common/index.js");
     expect($hiddenHighlighted).to.be.visible;
   });
 });
-(0, _steps.Then)('the option is highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the option is highlighted', () => {
   cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref2 => {
     let [hiddenHighlighted, $options] = _ref2;
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
@@ -62,7 +62,7 @@ var _index = require("../common/index.js");
     expect($hiddenHighlighted).to.have.class('highlighted');
   });
 });
-(0, _steps.Then)('the option is not highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the option is not highlighted', () => {
   cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref3 => {
     let [hiddenHighlighted, $options] = _ref3;
     const $hiddenHighlighted = $options.filter((index, optionEl) => {

package/build/cjs/features/transferring-items/index.js

@@ -1,50 +1,50 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
 var _parseSelectorWithDataTest = require("../../../../../cypress/support/common/parseSelectorWithDataTest.js");
 
 var _index = require("../common/index.js");
 
-(0, _steps.Given)('some options are selectable', () => {
+(0, _cypressCucumberPreprocessor.Given)('some options are selectable', () => {
   cy.visitStory('Transfer Transferring Items', 'Has Options');
 });
-(0, _steps.Given)('some options are selected', () => {
+(0, _cypressCucumberPreprocessor.Given)('some options are selected', () => {
   cy.visitStory('Transfer Transferring Items', 'Some Selected');
 });
-(0, _steps.Given)('one or more items in the options list are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('one or more items in the options list are highlighted', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').filter(index => index < 3) // shuffle order so we can check they're added in the right order
   .then($options => cy.wrap([$options[2], $options[0], $options[1]])).each($option => cy.wrap($option).clickWith('ctrl')).then($options => $options.toArray().map(_index.extractOptionFromElement)).as('itemsToBeSelected');
 });
-(0, _steps.Given)('some items in the options list are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('some items in the options list are highlighted', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').filter(index => index < 3) // shuffle order so we can check they're added in the right order
   .then($options => cy.wrap([$options[2], $options[0], $options[1]])).each($option => cy.wrap($option).clickWith('ctrl')).then($options => $options.toArray().map(_index.extractOptionFromElement)).as('itemsToBeSelected');
 });
-(0, _steps.Given)('some items in the selected list are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('some items in the selected list are highlighted', () => {
   cy.get('{transfer-pickedoptions} {transferoption}').filter(index => index < 3) // shuffle order so we can check they're added in the right order
   .then($options => cy.wrap([$options[2], $options[0], $options[1]])).each($option => cy.wrap($option).clickWith('ctrl')).then($options => $options.toArray().map(_index.extractOptionFromElement)).as('itemsToBeDeselected');
 });
-(0, _steps.When)("the user clicks the 'move to selected list' button", () => {
+(0, _cypressCucumberPreprocessor.When)("the user clicks the 'move to selected list' button", () => {
   cy.get('{transfer-actions-addindividual}').click();
 });
-(0, _steps.When)("the user clicks the 'move to options list' button", () => {
+(0, _cypressCucumberPreprocessor.When)("the user clicks the 'move to options list' button", () => {
   cy.get('{transfer-actions-removeindividual}').click();
 });
-(0, _steps.When)("the user clicks the 'move all to selected list' button", () => {
+(0, _cypressCucumberPreprocessor.When)("the user clicks the 'move all to selected list' button", () => {
   cy.get('{transfer-sourceoptions} {transferoption}').then($options => $options.toArray().map(_index.extractOptionFromElement)).as('itemsToBeSelected');
   cy.get('{transfer-actions-addall}').click();
 });
-(0, _steps.When)("the user clicks the 'move all to options list' button", () => {
+(0, _cypressCucumberPreprocessor.When)("the user clicks the 'move all to options list' button", () => {
   cy.get('{transfer-pickedoptions} {transferoption}').then($options => $options.toArray().map(_index.extractOptionFromElement)).as('itemsToBeDeselected');
   cy.get('{transfer-actions-removeall}').click();
 });
-(0, _steps.When)('the user double clicks an item in the options list', () => {
+(0, _cypressCucumberPreprocessor.When)('the user double clicks an item in the options list', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').first().dblclick().then(_index.extractOptionFromElement).as('doubleClickedPlainOption');
 });
-(0, _steps.When)('the user double clicks an item in the selected list', () => {
+(0, _cypressCucumberPreprocessor.When)('the user double clicks an item in the selected list', () => {
   cy.get('{transfer-pickedoptions} {transferoption}').first().dblclick().then(_index.extractOptionFromElement).as('doubleClickedPlainOption');
 });
-(0, _steps.Then)('the highlighted items should be removed from the options list', () => {
+(0, _cypressCucumberPreprocessor.Then)('the highlighted items should be removed from the options list', () => {
   cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
     let [itemsToBeSelected, $selectableSourceOptions] = _ref;
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
@@ -61,7 +61,7 @@ var _index = require("../common/index.js");
     expect(itemsStillSelectable).to.equal(false);
   });
 });
-(0, _steps.Then)('the highlighted items should be visible in the selected list', () => {
+(0, _cypressCucumberPreprocessor.Then)('the highlighted items should be visible in the selected list', () => {
   cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref3 => {
     let [itemsToBeSelected, $selectedOptions] = _ref3;
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
@@ -75,14 +75,14 @@ var _index = require("../common/index.js");
     expect(itemsSelected).to.equal(true);
   });
 });
-(0, _steps.Then)('the highlighted items should be appended to the selected list in the order they were highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the highlighted items should be appended to the selected list in the order they were highlighted', () => {
   cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref5 => {
     let [itemsToBeSelected, $selectedOptions] = _ref5;
     const lastNSelectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement).slice(itemsToBeSelected.length * -1);
     expect(itemsToBeSelected).to.eql(lastNSelectedOptions);
   });
 });
-(0, _steps.Then)('the highlighted items should be removed from the selected list', () => {
+(0, _cypressCucumberPreprocessor.Then)('the highlighted items should be removed from the selected list', () => {
   cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref6 => {
     let [itemsToBeDeselected, $selectedOptions] = _ref6;
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
@@ -99,7 +99,7 @@ var _index = require("../common/index.js");
     expect(itemsStillSelected).to.equal(false);
   });
 });
-(0, _steps.Then)('the highlighted items should be visible in the options list', () => {
+(0, _cypressCucumberPreprocessor.Then)('the highlighted items should be visible in the options list', () => {
   cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref8 => {
     let [itemsToBeDeselected, $selectedOptions] = _ref8;
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
@@ -116,7 +116,7 @@ var _index = require("../common/index.js");
     expect(itemsSelectable).to.equal(true);
   });
 });
-(0, _steps.Then)('the highlighted items should be in the original options list ordering', () => {
+(0, _cypressCucumberPreprocessor.Then)('the highlighted items should be in the original options list ordering', () => {
   cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref10 => {
     let [win, $selectableSourceOptions, $selectedOptions] = _ref10;
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
@@ -133,10 +133,10 @@ var _index = require("../common/index.js");
     expect(allOptionsWithoutSelected).to.eql(selectableSourceOptions);
   });
 });
-(0, _steps.Then)('all items should be removed from the options list', () => {
+(0, _cypressCucumberPreprocessor.Then)('all items should be removed from the options list', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').should('not.exist');
 });
-(0, _steps.Then)('all items removed from options list should be visible in the selected list', () => {
+(0, _cypressCucumberPreprocessor.Then)('all items removed from options list should be visible in the selected list', () => {
   cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref12 => {
     let [itemsToBeSelected, $selectedOptions] = _ref12;
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
@@ -152,46 +152,38 @@ var _index = require("../common/index.js");
     expect(allSelected).to.equal(true);
   });
 });
-(0, _steps.Then)('the transferred items should be appended to the selected list in the order they were displayed in the options list', () => {
-  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref14 => {
-    let [itemsToBeSelected, $selectedOptions] = _ref14;
-    const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
-    const previouslySelectedSubset = selectedOptions.slice(-1 * itemsToBeSelected.length);
-    expect(itemsToBeSelected).to.eql(previouslySelectedSubset);
-  });
-});
-(0, _steps.Then)('all items should be removed from the selected list', () => {
+(0, _cypressCucumberPreprocessor.Then)('all items should be removed from the selected list', () => {
   cy.get('{transfer-pickedoptions} {transferoption}').should('not.exist');
 });
-(0, _steps.Then)('all items removed from selected list should be visible in the options list', () => {
-  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref15 => {
-    let [itemsToBeDeselected, $selectableSourceOptions] = _ref15;
+(0, _cypressCucumberPreprocessor.Then)('all items removed from selected list should be visible in the options list', () => {
+  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref14 => {
+    let [itemsToBeDeselected, $selectableSourceOptions] = _ref14;
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
     const allSelectable = itemsToBeDeselected.every(option => {
-      return selectableSourceOptions.find(_ref16 => {
+      return selectableSourceOptions.find(_ref15 => {
         let {
           label,
           value
-        } = _ref16;
+        } = _ref15;
         return option.label === label && option.value === value;
       });
     });
     expect(allSelectable).to.equal(true);
   });
 });
-(0, _steps.Then)('the transferred items should be appended to the selected list in the order they were displayed in the options list', () => {
-  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref17 => {
-    let [itemsToBeSelected, $selectedOptions] = _ref17;
+(0, _cypressCucumberPreprocessor.Then)('the transferred items should be appended to the selected list in the order they were displayed in the options list', () => {
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref16 => {
+    let [itemsToBeSelected, $selectedOptions] = _ref16;
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
     const previouslySelectedSubset = selectedOptions.slice(-1 * itemsToBeSelected.length);
     expect(itemsToBeSelected).to.eql(previouslySelectedSubset);
   });
 });
-(0, _steps.Then)('the options list items should be ordered in the original order', () => {
+(0, _cypressCucumberPreprocessor.Then)('the options list items should be ordered in the original order', () => {
   cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('{transfer-pickedoptions}').then($pickedOptions => {
     return $pickedOptions.find((0, _parseSelectorWithDataTest.parseSelectorWithDataTest)('{transferoption}'));
-  })).should(_ref18 => {
-    let [win, $selectableSourceOptions, $pickedOptions] = _ref18;
+  })).should(_ref17 => {
+    let [win, $selectableSourceOptions, $pickedOptions] = _ref17;
     const pickedPlainOptions = $pickedOptions.toArray().map(_index.extractOptionFromElement);
     const originalOrderWithoutSelected = win.options.filter(originalOption => {
       return !pickedPlainOptions.find(pickedPlainOption => pickedPlainOption.value === originalOption.value && pickedPlainOption.label === originalOption.label);
@@ -200,25 +192,25 @@ var _index = require("../common/index.js");
     expect(originalOrderWithoutSelected).to.eql(selectableSourceOptions);
   });
 });
-(0, _steps.Then)('the item should be removed from its options list', () => {
-  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref19 => {
-    let [doubleClickedPlainOption, $sourceOptions] = _ref19;
+(0, _cypressCucumberPreprocessor.Then)('the item should be removed from its options list', () => {
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref18 => {
+    let [doubleClickedPlainOption, $sourceOptions] = _ref18;
     const sourcePlainOptions = $sourceOptions.toArray().map(_index.extractOptionFromElement);
     const found = sourcePlainOptions.find(sourcePlainOption => sourcePlainOption.value === doubleClickedPlainOption.value && sourcePlainOption.label === doubleClickedPlainOption.label);
     expect(found).to.not.equal(true);
   });
 });
-(0, _steps.Then)('the item should be visible at the bottom of the selected list', () => {
-  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref20 => {
-    let [doubleClickedPlainOption, $pickedOptions] = _ref20;
+(0, _cypressCucumberPreprocessor.Then)('the item should be visible at the bottom of the selected list', () => {
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref19 => {
+    let [doubleClickedPlainOption, $pickedOptions] = _ref19;
     const lastSourcePlainOption = $pickedOptions.last().toArray().map(_index.extractOptionFromElement).pop();
     const doubleClickedOptionIsLast = lastSourcePlainOption.value === doubleClickedPlainOption.value && lastSourcePlainOption.label === doubleClickedPlainOption.label;
     expect(doubleClickedOptionIsLast).to.equal(true);
   });
 });
-(0, _steps.Then)('the item should be removed from the selected list', () => {
-  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref21 => {
-    let [doubleClickedPlainOption, $pickedOptions] = _ref21;
+(0, _cypressCucumberPreprocessor.Then)('the item should be removed from the selected list', () => {
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref20 => {
+    let [doubleClickedPlainOption, $pickedOptions] = _ref20;
     const pickedPlainOptions = $pickedOptions.toArray().map(_index.extractOptionFromElement);
     const found = pickedPlainOptions.find(sourcePlainOption => sourcePlainOption.value === doubleClickedPlainOption.value && sourcePlainOption.label === doubleClickedPlainOption.label);
     expect(found).to.not.equal(true);

package/build/es/features/add_remove-highlighted-options/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the option list has two or more items', () => {
   cy.visitStory('Transfer add & remove highlighted options', 'Has Options');
   cy.get('{transfer-sourceoptions}').as('list');

package/build/es/features/disabled-transfer-buttons/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the options list has items', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'Has Options');
 });
@@ -14,9 +14,6 @@ Given('all options have been selected', () => {
 Given('the selected list does not have items', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'Has Options');
 });
-Given('the selected list has items', () => {
-  cy.visitStory('Transfer Disabled Transfer Buttons', 'Some Options Selected');
-});
 Given('no option items are highlighted', () => {
   cy.get('[data-test="dhis2-uicore-transfer-sourceoptions"] [data-test="dhis2-uicore-transferoption"]').each($option => cy.wrap($option).should('not.have.class', 'highlighted'));
 });

package/build/es/features/disabled-transfer-options/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import { extractOptionFromElement } from '../common/index.js';
 const enabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}:not(.disabled)';
 const disabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}.disabled';

package/build/es/features/display-order/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import { extractOptionFromElement } from '../common/index.js';
 Given('none of the supplied options have been selected', () => {
   cy.visitStory('Transfer Display Order', 'No Selection');

package/build/es/features/filter-options-list/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import { extractOptionFromElement } from '../common/index.js';
 Given('filtering is enabled', () => {// no op
 });

package/build/es/features/highlight-range-of-options/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import { extractOptionFromElement } from '../common/index.js';
 Given('the option list has one or more items', () => {
   cy.visitStory('Transfer highlight range of options', 'Has Options');

package/build/es/features/loading_lists/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the source list is loading', () => {
   cy.visitStory('Transfer Loading Lists', 'Loading Source');
   cy.wrap('source').as('listType');

package/build/es/features/notify_at_end_of_list/index.js

@@ -1,15 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
-Cypress.on('uncaught:exception', err => {
-  // This prevents a benign error:
-  //   This error means that ResizeObserver was not able to deliver all
-  //   observations within a single animation frame. It is benign (your site
-  //   will not break).
-  //
-  // Source: https://stackoverflow.com/a/50387233/1319140
-  if (err.match(/ResizeObserver loop limit exceeded/)) {
-    return false;
-  }
-});
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the Transfer has enough items to fill the source list completely', () => {
   cy.visitStory('Transfer End Of List', 'Full Source List');
   cy.wrap('source').as('listType');

package/build/es/features/reorder-with-buttons/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('reordering of items is enabled', () => {// no op
 });
 Given('the selected list has three items', () => {
@@ -7,8 +7,12 @@ Given('the selected list has three items', () => {
 Given('the selected list has some items', () => {
   cy.visitStory('Transfer Reorder Buttons', 'Has Some Selected');
 });
-Given('the {int}. item is highlighted', previousPisition => {
-  const index = previousPisition - 1;
+Given('the {int}. item is highlighted', previousPosition => {
+  const index = previousPosition - 1;
+  console.log('> index', index);
+  cy.get('{transfer-pickedoptions} {transferoption}').eq(index).invoke('attr', 'data-value').as('previousValue', {
+    type: 'static'
+  });
   cy.get('{transfer-pickedoptions} {transferoption}').eq(index).as('previous').click();
 });
 Given('no items are highlighted in the list', () => {
@@ -31,7 +35,7 @@ When("the user clicks the 'move down' button", () => {
 });
 Then('the highlighted item should be moved to the {int}. place', next => {
   const index = next - 1;
-  cy.get('@previous').invoke('index').should('equal', index);
+  cy.get('@previousValue').then(previousValue => cy.get("[data-value=\"".concat(previousValue, "\"]"))).invoke('index').should('equal', index);
 });
 Then("the 'move up' and 'move down' buttons should be disabled", () => {
   cy.get('{transfer-reorderingactions-buttonmoveup}').should('have.attr', 'disabled');

package/build/es/features/set_unset-highlighted-option/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import { extractOptionFromElement } from '../common/index.js';
 Given('the option list has one or more items', () => {
   cy.visitStory('Transfer set & unset higlighted options', 'Has Options');