@dhis2-ui/transfer 9.5.0-alpha.1 → 9.5.0

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

@@ -1,52 +1,52 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('the option list has two or more items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the option list has two or more items', () => {
   cy.visitStory('Transfer add & remove highlighted options', 'Has Options');
   cy.get('{transfer-sourceoptions}').as('list');
 });
-(0, _steps.Given)('the selected list has two or more items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list has two or more items', () => {
   cy.visitStory('Transfer add & remove highlighted options', 'Has Selected');
   cy.get('{transfer-pickedoptions}').as('list');
 });
-(0, _steps.Given)('some items are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('some items are highlighted', () => {
   cy.get('@list').find('{transferoption}').then($options => {
     const multipleOptions = $options.filter(index => index < 3);
     return cy.wrap(multipleOptions);
   }).as('highlightedMultipleOptions').each($option => cy.wrap($option).clickWith('ctrl'));
 });
-(0, _steps.When)('the user clicks multiple items with {string} which are not highlighted', modifierKey => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks multiple items with {string} which are not highlighted', modifierKey => {
   cy.get('@list').find('{transferoption}').then($options => {
     const multipleOptions = $options.filter(index => index < 3);
     return cy.wrap(multipleOptions);
   }).as('multipleOptions').each($option => cy.wrap($option).clickWith(modifierKey === 'cmd' ? 'meta' : modifierKey));
 });
-(0, _steps.When)('the user clicks on one item with {string} which is highlighted', modifierKey => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks on one item with {string} which is highlighted', modifierKey => {
   cy.get('@highlightedMultipleOptions').first().clickWith(modifierKey === 'cmd' ? 'meta' : modifierKey).as('clickedOption');
   cy.get('@highlightedMultipleOptions').filter(index => index !== 0).as('remainingHighlightedOptions');
 });
-(0, _steps.When)('the user clicks on one item without a modifier key which is highlighted', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks on one item without a modifier key which is highlighted', () => {
   cy.get('@highlightedMultipleOptions').first().click().as('clickedOption');
   cy.get('@highlightedMultipleOptions').filter(index => index !== 0).as('remainingHighlightedOptions');
 });
-(0, _steps.Then)('all of the clicked items should be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('all of the clicked items should be highlighted', () => {
   cy.get('@multipleOptions').each($option => {
     expect($option).to.have.class('highlighted');
   });
 });
-(0, _steps.Then)('the clicked item should not be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clicked item should not be highlighted', () => {
   cy.get('@clickedOption').should('not.have.class', 'highlighted');
 });
-(0, _steps.Then)('the other previously highlighted items should remain highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the other previously highlighted items should remain highlighted', () => {
   cy.get('@remainingHighlightedOptions').each($option => {
     expect($option).to.have.class('highlighted');
   });
 });
-(0, _steps.Then)('the clicked option is highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clicked option is highlighted', () => {
   cy.get('@clickedOption').should('have.class', 'highlighted');
 });
-(0, _steps.Then)('the other previously highlighted items should not be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the other previously highlighted items should not be highlighted', () => {
   cy.get('@remainingHighlightedOptions').each($option => {
     expect($option).to.not.have.class('highlighted');
   });

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

@@ -1,65 +1,62 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('the options list has items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the options list has items', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'Has Options');
 });
-(0, _steps.Given)('the selected list has items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list has items', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'Some Options Selected');
 });
-(0, _steps.Given)('the transfer does not have any options', () => {
+(0, _cypressCucumberPreprocessor.Given)('the transfer does not have any options', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'No Options');
 });
-(0, _steps.Given)('all options have been selected', () => {
+(0, _cypressCucumberPreprocessor.Given)('all options have been selected', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'All Options Selected');
 });
-(0, _steps.Given)('the selected list does not have items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list does not have items', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'Has Options');
 });
-(0, _steps.Given)('the selected list has items', () => {
-  cy.visitStory('Transfer Disabled Transfer Buttons', 'Some Options Selected');
-});
-(0, _steps.Given)('no option items are highlighted', () => {
+(0, _cypressCucumberPreprocessor.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'));
 });
-(0, _steps.Given)('some option items are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('some option items are highlighted', () => {
   cy.get('[data-test="dhis2-uicore-transfer-sourceoptions"] [data-test="dhis2-uicore-transferoption"]').first().click();
 });
-(0, _steps.Given)('no selected items are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('no selected items are highlighted', () => {
   cy.get('[data-test="dhis2-uicore-transfer-pickedoptions"] [data-test="dhis2-uicore-transferoption"]').each($option => cy.wrap($option).should('not.have.class', 'highlighted'));
 });
-(0, _steps.Given)('some selected items are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('some selected items are highlighted', () => {
   cy.get('[data-test="dhis2-uicore-transfer-pickedoptions"] [data-test="dhis2-uicore-transferoption"]').first().click();
 });
-(0, _steps.Given)('a source list that has only disabled options', () => {
+(0, _cypressCucumberPreprocessor.Given)('a source list that has only disabled options', () => {
   cy.visitStory('Transfer Disabled Transfer Buttons', 'Only Disabled Source Options');
 });
-(0, _steps.Then)("the 'move to picked list' button should be disabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move to picked list' button should be disabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-addindividual"][disabled]').should('exist');
 });
-(0, _steps.Then)("the 'move to picked list' button should be enabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move to picked list' button should be enabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-addindividual"]').should('exist');
   cy.get('[data-test="dhis2-uicore-transfer-actions-addindividual"][disabled]').should('not.exist');
 });
-(0, _steps.Then)("the 'move to source list' button should be disabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move to source list' button should be disabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-removeindividual"][disabled]').should('exist');
 });
-(0, _steps.Then)("the 'move to source list' button should be enabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move to source list' button should be enabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-removeindividual"]').should('exist');
   cy.get('[data-test="dhis2-uicore-transfer-actions-removeindividual"][disabled]').should('not.exist');
 });
-(0, _steps.Then)("the 'move all to picked list' button should be disabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move all to picked list' button should be disabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-addall"][disabled]').should('exist');
 });
-(0, _steps.Then)("the 'move all to picked list' button should be enabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move all to picked list' button should be enabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-addall"]').should('exist');
   cy.get('[data-test="dhis2-uicore-transfer-actions-addall"][disabled]').should('not.exist');
 });
-(0, _steps.Then)("the 'move all to source list' button should be disabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move all to source list' button should be disabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-removeall"][disabled]').should('exist');
 });
-(0, _steps.Then)("the 'move all to source list' button should be enabled", () => {
+(0, _cypressCucumberPreprocessor.Then)("the 'move all to source list' button should be enabled", () => {
   cy.get('[data-test="dhis2-uicore-transfer-actions-removeall"]').should('exist');
   cy.get('[data-test="dhis2-uicore-transfer-actions-removeall"][disabled]').should('not.exist');
 });

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

@@ -1,76 +1,76 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
 var _index2 = require("../common/index.js");
 
 const enabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}:not(.disabled)';
 const disabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}.disabled';
-(0, _steps.Given)('a source list that contains a disabled option', () => {
+(0, _cypressCucumberPreprocessor.Given)('a source list that contains a disabled option', () => {
   cy.visitStory('Disabled Source Options', 'One Disabled');
   cy.get(disabledSourceOptionSelector).first().as('disabledSourceOption').should('exist');
 });
-(0, _steps.Given)('a source list that contains at least one disabled option and at least one enabled option', () => {
+(0, _cypressCucumberPreprocessor.Given)('a source list that contains at least one disabled option and at least one enabled option', () => {
   cy.visitStory('Disabled Source Options', 'One Disabled');
   cy.get(disabledSourceOptionSelector).first().as('disabledSourceOption').should('exist');
   cy.get(enabledSourceOptionSelector).as('enabledSourceOptions').should('exist');
 });
-(0, _steps.Given)('a source list that contains at least one disabled option and at least one enabled highlighted option', () => {
+(0, _cypressCucumberPreprocessor.Given)('a source list that contains at least one disabled option and at least one enabled highlighted option', () => {
   cy.visitStory('Disabled Source Options', 'One Disabled');
   cy.get(disabledSourceOptionSelector).first().as('disabledSourceOption').should('exist');
   cy.get(enabledSourceOptionSelector).invoke('slice', 0, 2).as('enabledHighlightedSourceOptions').each($option => cy.wrap($option).click()).should('have.class', 'highlighted');
 });
-(0, _steps.Given)('a source list that contains at least one disabled option and several enabled options', () => {
+(0, _cypressCucumberPreprocessor.Given)('a source list that contains at least one disabled option and several enabled options', () => {
   cy.visitStory('Disabled Source Options', 'One Disabled');
   cy.get(disabledSourceOptionSelector).first().as('disabledSourceOption').should('exist');
   cy.get(enabledSourceOptionSelector).as('enabledSourceOptions').should('have.length.of.at.least', 2);
 });
-(0, _steps.When)('the user clicks a disabled option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks a disabled option', () => {
   cy.get(disabledSourceOptionSelector).click().as('clickedDisabledOption');
 });
-(0, _steps.When)('the user double clicks a disabled option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user double clicks a disabled option', () => {
   cy.get(disabledSourceOptionSelector).dblclick().as('doubleClickedDisabledOption');
 });
-(0, _steps.When)("the user clicks the 'move all to picked list' button", () => {
+(0, _cypressCucumberPreprocessor.When)("the user clicks the 'move all to picked list' button", () => {
   cy.get('{transfer-actions-addall}').click();
 });
-(0, _steps.When)('the user clicks the disabled item with {string}', type => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks the disabled item with {string}', type => {
   cy.get(disabledSourceOptionSelector).clickWith(type).as('clickedWithModifierDisabledOption');
 });
-(0, _steps.When)('the user SHIFT+clicks the disabled item', () => {
+(0, _cypressCucumberPreprocessor.When)('the user SHIFT+clicks the disabled item', () => {
   cy.get(disabledSourceOptionSelector).clickWith('shift').as('clickedWithShiftDisabledOption');
 });
-(0, _steps.When)('the user clicks an enabled option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks an enabled option', () => {
   cy.get(enabledSourceOptionSelector).first().click().as('clickedEnabledOption');
 });
-(0, _steps.When)('SHIFT+clicks another enabled option, including a disabled item in the range of options', () => {
+(0, _cypressCucumberPreprocessor.When)('SHIFT+clicks another enabled option, including a disabled item in the range of options', () => {
   cy.get(disabledSourceOptionSelector).next().clickWith('shift').as('clickedWithShiftEnabledOption');
 });
-(0, _steps.Then)('the disabled option is not highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the disabled option is not highlighted', () => {
   cy.get('@disabledSourceOption').should('not.have.class', 'highlighted');
 });
-(0, _steps.Then)('the disabled option is not transferred to the picked list', () => {
+(0, _cypressCucumberPreprocessor.Then)('the disabled option is not transferred to the picked list', () => {
   // if the aliased element still exists, it hasn't been removed
   // from the source list. Transferring does not need to be tested
   // here as that's covered by another test
   cy.get('@disabledSourceOption').should('exist');
 });
-(0, _steps.Then)('the disabled options are not transferred to the picked list', () => {
+(0, _cypressCucumberPreprocessor.Then)('the disabled options are not transferred to the picked list', () => {
   // if the aliased element still exists, it hasn't been removed
   // from the source list. Transferring does not need to be tested
   // here as that's covered by another test
   cy.get('@disabledSourceOption').should('exist');
 });
-(0, _steps.Then)('the enabled options are transferred to the picked list', () => {
+(0, _cypressCucumberPreprocessor.Then)('the enabled options are transferred to the picked list', () => {
   // if the aliased elements don't exist, it hasn't been removed
   // from the source list. Transferring does not need to be tested
   // here as that's covered by another test
   cy.get('@enabledSourceOptions').should('not.exist');
 });
-(0, _steps.Then)('the previously highlighted items are still highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the previously highlighted items are still highlighted', () => {
   cy.get('@enabledHighlightedSourceOptions').should('have.class', 'highlighted');
 });
-(0, _steps.Then)('only the previously highlighted items are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('only the previously highlighted items are highlighted', () => {
   cy.get('@enabledHighlightedSourceOptions').should('have.class', 'highlighted');
   cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@enabledHighlightedSourceOptions')).should(_ref => {
     let [$sourceOptions, $previouslyHighlightedOptions] = _ref;
@@ -85,7 +85,7 @@ const disabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}.
     });
   });
 });
-(0, _steps.Then)('the enabled options in the range are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the enabled options in the range are highlighted', () => {
   cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@clickedEnabledOption'), () => cy.get('@clickedWithShiftEnabledOption')).should(_ref2 => {
     let [$all, $clickedEnabledOption, $clickedWithShiftEnabledOption] = _ref2;
     const from = $clickedEnabledOption.index();

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

@@ -1,24 +1,24 @@
 "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)('none of the supplied options have been selected', () => {
+(0, _cypressCucumberPreprocessor.Given)('none of the supplied options have been selected', () => {
   cy.visitStory('Transfer Display Order', 'No Selection');
 });
-(0, _steps.Given)('some of the supplied options have been selected', () => {
+(0, _cypressCucumberPreprocessor.Given)('some of the supplied options have been selected', () => {
   cy.visitStory('Transfer Display Order', 'Some Selected');
 });
-(0, _steps.Given)('some selectable options are selectable', () => {
+(0, _cypressCucumberPreprocessor.Given)('some selectable options are selectable', () => {
   cy.visitStory('Transfer Display Order', 'Some Selected');
 });
-(0, _steps.When)('the user deselects one selected option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user deselects one selected option', () => {
   cy.get('{transfer-pickedoptions} {transferoption}').first().click();
   cy.get('{transfer-pickedoptions}').find('.highlighted').then($el => $el.toArray().map(_index.extractOptionFromElement)).as('deselectedOptions');
   cy.get('{transfer-actions-removeindividual}').click();
 });
-(0, _steps.When)('the user deselects multiple selected options', () => {
+(0, _cypressCucumberPreprocessor.When)('the user deselects multiple selected options', () => {
   cy.get('{transfer-pickedoptions} {transferoption}') // should take third, then first item
   .then($options => {
     const $arr = $options.toArray();
@@ -26,12 +26,12 @@ var _index = require("../common/index.js");
   }).each($option => cy.wrap($option).clickWith('cmd')).then($options => cy.wrap($options.toArray().map(_index.extractOptionFromElement)).as('deselectedOptions'));
   cy.get('{transfer-actions-removeindividual}').click();
 });
-(0, _steps.When)('the user selects one option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user selects one option', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').first().click();
   cy.get('{transfer-sourceoptions}').find('.highlighted').then($el => $el.toArray().map(_index.extractOptionFromElement)).as('selectedOptions');
   cy.get('{transfer-actions-addindividual}').click();
 });
-(0, _steps.When)('the user selects multiple options', () => {
+(0, _cypressCucumberPreprocessor.When)('the user selects multiple options', () => {
   cy.get('{transfer-sourceoptions} {transferoption}') // should take fifth, then first item
   .then($options => {
     const $arr = $options.toArray();
@@ -41,7 +41,7 @@ var _index = require("../common/index.js");
   });
   cy.get('{transfer-actions-addindividual}').click();
 });
-(0, _steps.Then)('the order of the selectable options should match the order of the supplied options', () => {
+(0, _cypressCucumberPreprocessor.Then)('the order of the selectable options should match the order of the supplied options', () => {
   cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
     let [win, $options] = _ref;
     const {
@@ -51,7 +51,7 @@ var _index = require("../common/index.js");
     expect(selectableSourceOptions).to.eql(options);
   });
 });
-(0, _steps.Then)('the order of the remaining selectable options should match the order of the supplied options', () => {
+(0, _cypressCucumberPreprocessor.Then)('the order of the remaining selectable options should match the order of the supplied options', () => {
   cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref2 => {
     let [win, $options] = _ref2;
     const selectableSourceOptions = $options.toArray().map(_index.extractOptionFromElement);
@@ -65,7 +65,7 @@ var _index = require("../common/index.js");
     expect(selectableSourceOptions).to.eql(options);
   });
 });
-(0, _steps.Then)('it should be positioned according to the order of the supplied options', () => {
+(0, _cypressCucumberPreprocessor.Then)('it should be positioned according to the order of the supplied options', () => {
   cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(_ref4 => {
     let [win, $selectableSourceOptions, deselectedOptions] = _ref4;
     // filter out non-selectable options and compare with selectable options
@@ -91,7 +91,7 @@ var _index = require("../common/index.js");
     expect(hasOption).to.equal(true);
   });
 });
-(0, _steps.Then)('all should take the position according to the order of the supplied options', () => {
+(0, _cypressCucumberPreprocessor.Then)('all should take the position according to the order of the supplied options', () => {
   cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(_ref7 => {
     let [win, $selectableSourceOptions, deselectedOptions] = _ref7;
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
@@ -116,14 +116,14 @@ var _index = require("../common/index.js");
     expect(hasAllOptions).to.equal(true);
   });
 });
-(0, _steps.Then)('it should be added to the end of the selected options list', () => {
+(0, _cypressCucumberPreprocessor.Then)('it should be added to the end of the selected options list', () => {
   cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref10 => {
     let [transferredOptions, $selectedOptions] = _ref10;
     const lastSelectedOptions = $selectedOptions.toArray().slice(transferredOptions.length * -1).map(_index.extractOptionFromElement);
     expect(transferredOptions).to.eql(lastSelectedOptions);
   });
 });
-(0, _steps.Then)('they should be added to the end of the selected options list in the order they have been highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('they should be added to the end of the selected options list in the order they have been highlighted', () => {
   cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref11 => {
     let [transferredOptions, $selectedOptions] = _ref11;
     const lastSelectedOptions = $selectedOptions.toArray().slice(transferredOptions.length * -1).map(_index.extractOptionFromElement);

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

@@ -1,22 +1,22 @@
 "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)('filtering is enabled', () => {// no op
+(0, _cypressCucumberPreprocessor.Given)('filtering is enabled', () => {// no op
 });
-(0, _steps.Given)('the options list is being filtered', () => {// no op
+(0, _cypressCucumberPreprocessor.Given)('the options list is being filtered', () => {// no op
 });
-(0, _steps.Given)('the result is not empty', () => {
+(0, _cypressCucumberPreprocessor.Given)('the result is not empty', () => {
   cy.visitStory('Transfer filtering', 'Some Results');
 });
-(0, _steps.Given)('the result is empty', () => {
+(0, _cypressCucumberPreprocessor.Given)('the result is empty', () => {
   cy.visitStory('Transfer filtering', 'Empty Result');
 });
-(0, _steps.Given)('a no-result message has been provided', () => {// no op
+(0, _cypressCucumberPreprocessor.Given)('a no-result message has been provided', () => {// no op
 });
-(0, _steps.Given)('the options are being search with a {string} search term', firstCase => {
+(0, _cypressCucumberPreprocessor.Given)('the options are being search with a {string} search term', firstCase => {
   if (firstCase === 'uppercase') {
     cy.visitStory('Transfer filtering', 'Uppercase Search');
   } else if (firstCase === 'lowercase') {
@@ -25,16 +25,16 @@ var _index = require("../common/index.js");
 
   cy.get('{transfer-filter} input').then($input => $input.val()).as('firstCaseTerm');
 });
-(0, _steps.Given)('some options are listed', () => {
+(0, _cypressCucumberPreprocessor.Given)('some options are listed', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').should('have.length.of.at.least', 1).as('firstCaseOptions');
 });
-(0, _steps.Given)('the filter function only returns ANC options', () => {
+(0, _cypressCucumberPreprocessor.Given)('the filter function only returns ANC options', () => {
   cy.visitStory('Transfer filtering', 'Anc Custom Filter');
 });
-(0, _steps.Given)("the filter value is controlled by the component's consumer", () => {
+(0, _cypressCucumberPreprocessor.Given)("the filter value is controlled by the component's consumer", () => {
   cy.visitStory('Transfer filtering', 'Controlled Filter');
 });
-(0, _steps.When)('the user uses the same search term but {string}', secondCase => {
+(0, _cypressCucumberPreprocessor.When)('the user uses the same search term but {string}', secondCase => {
   cy.all(() => cy.get('@firstCaseTerm'), () => cy.get('{transfer-filter} input')).then(_ref => {
     let [firstCaseTerm, $filterInput] = _ref;
     let secondCaseTerm;
@@ -48,13 +48,13 @@ var _index = require("../common/index.js");
     cy.wrap($filterInput).clear().type(secondCaseTerm);
   });
 });
-(0, _steps.When)('searching for "s"', () => {
+(0, _cypressCucumberPreprocessor.When)('searching for "s"', () => {
   cy.get('{transfer-filter} input').type('s');
 });
-(0, _steps.When)('the filter value changes', () => {
+(0, _cypressCucumberPreprocessor.When)('the filter value changes', () => {
   cy.get('{transfer-filter} input').then($input => console.log('$input', $input) || $input).type('ANC');
 });
-(0, _steps.Then)('all the matching items should be shown in the options list', () => {
+(0, _cypressCucumberPreprocessor.Then)('all the matching items should be shown in the options list', () => {
   cy.all(() => cy.get('{transfer-filter}'), () => cy.get('{transferoption}')).should(_ref2 => {
     let [$filter, $options] = _ref2;
     const searchTerm = $filter.val();
@@ -65,15 +65,15 @@ var _index = require("../common/index.js");
     });
   });
 });
-(0, _steps.Then)('no items should be shown in the options list', () => {
+(0, _cypressCucumberPreprocessor.Then)('no items should be shown in the options list', () => {
   cy.get('{transferoption}').should('not.exist');
 });
-(0, _steps.Then)('information should be displayed that no items matched the filter', () => {
+(0, _cypressCucumberPreprocessor.Then)('information should be displayed that no items matched the filter', () => {
   cy.get('{no-results}', {
     prefix: ''
   }).should('exist');
 });
-(0, _steps.Then)('the same options should be shown', () => {
+(0, _cypressCucumberPreprocessor.Then)('the same options should be shown', () => {
   cy.all(() => cy.get('@firstCaseOptions'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref3 => {
     let [$firstCaseOptions, $secondCaseOptions] = _ref3;
     const firstCaseOptions = $firstCaseOptions.toArray().map(_index.extractOptionFromElement);
@@ -81,10 +81,10 @@ var _index = require("../common/index.js");
     expect(firstCaseOptions).to.eql(secondCaseOptions);
   });
 });
-(0, _steps.Then)('only the results including the word "ANC" are included', () => {
+(0, _cypressCucumberPreprocessor.Then)('only the results including the word "ANC" are included', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').each($option => expect($option.text()).to.match(/ANC/));
 });
-(0, _steps.Then)('the onFilterChange callback will be called with the new value', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onFilterChange callback will be called with the new value', () => {
   cy.window().should(win => {
     expect(win.customFilterCallback.callCount).to.equal(4);
     expect(win.customFilterCallback.getCall(0).args[1]).to.equal('');

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

@@ -1,84 +1,84 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
 var _index2 = 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 highlight range of options', 'Has Options');
   cy.get('{transfer-sourceoptions}').as('list').find('{transferoption}').should('have.length.of.at.least', 1);
 });
-(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 highlight range of options', 'Has Selected');
   cy.get('{transfer-pickedoptions}').as('list').as('list').find('{transferoption}').should('have.length.of.at.least', 1);
 });
-(0, _steps.Given)('the option list has three or more items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the option list has three or more items', () => {
   cy.visitStory('Transfer highlight range of options', 'Has Options');
   cy.get('{transfer-sourceoptions}').as('list').as('list').find('{transferoption}').should('have.length.of.at.least', 3);
 });
-(0, _steps.Given)('the selected list has three or more items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list has three or more items', () => {
   cy.visitStory('Transfer highlight range of options', 'Has Selected');
   cy.get('{transfer-pickedoptions}').as('list').as('list').find('{transferoption}').should('have.length.of.at.least', 3);
 });
-(0, _steps.Given)('the option list has many items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the option list has many items', () => {
   cy.visitStory('Transfer highlight range of options', 'Has Options');
   cy.get('{transfer-sourceoptions}').as('list').as('list').find('{transferoption}').should('have.length.of.at.least', 5);
 });
-(0, _steps.Given)('the selected list has many items', () => {
+(0, _cypressCucumberPreprocessor.Given)('the selected list has many items', () => {
   cy.visitStory('Transfer highlight range of options', 'All Selected');
   cy.get('{transfer-pickedoptions}').as('list').as('list').find('{transferoption}').should('have.length.of.at.least', 5);
 });
-(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)('there are at least two options following the highlighted option', () => {
+(0, _cypressCucumberPreprocessor.Given)('there are at least two options following the highlighted option', () => {
   cy.get('@initiallyHighlighted').next().should('exist').as('firstBelowInitiallyHighlighted').next().should('exist').as('secondBelowInitiallyHighlighted');
 });
-(0, _steps.Given)('several options are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Given)('several options are highlighted', () => {
   cy.get('@list').find('{transferoption}').then($option => $option.eq(0).add($option.eq(4)).add($option.eq(6))).as('initiallyHighlightedMultiple').each($option => cy.wrap($option).clickWith('ctrl'));
 });
-(0, _steps.Given)('there are at least two options following the last highlighted option', () => {
+(0, _cypressCucumberPreprocessor.Given)('there are at least two options following the last highlighted option', () => {
   cy.get('@initiallyHighlightedMultiple').last('last').next().should('exist').as('firstBelowInitiallyHighlighted').next().should('exist').as('secondBelowInitiallyHighlighted');
 });
-(0, _steps.When)('the user clicks an item with the SHIFT modifier key', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks an item with the SHIFT modifier key', () => {
   cy.get('@list').find('{transferoption}').first().clickWith('ctrl').as('initiallyHighlighted');
 });
-(0, _steps.When)('the user clicks the highlighted item with the SHIFT modifier key', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks the highlighted item with the SHIFT modifier key', () => {
   cy.get('@initiallyHighlighted').clickWith('shift').as('hiddenHighlighted');
 });
-(0, _steps.When)('the user highlightes the second options following the highlighted option with the SHIFT key modifier', () => {
+(0, _cypressCucumberPreprocessor.When)('the user highlightes the second options following the highlighted option with the SHIFT key modifier', () => {
   cy.get('@secondBelowInitiallyHighlighted').clickWith('shift');
 });
-(0, _steps.When)('the user highlightes the second options following the last highlighted option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user highlightes the second options following the last highlighted option', () => {
   cy.get('@initiallyHighlightedMultiple') // last highlighted option
   .last() // next sibling
   .next().as('firstBelowLastHighlighted') // second next sibling
   .next().as('secondBelowLastHighlighted').clickWith('shift');
 });
-(0, _steps.When)('the user {string} clicks a highlighted option', modifierKey => {
+(0, _cypressCucumberPreprocessor.When)('the user {string} clicks a highlighted option', modifierKey => {
   cy.get('@initiallyHighlightedMultiple').eq(0).clickWith(modifierKey).as('controlClicked');
 });
-(0, _steps.When)('the user changed the filter to exclude the last clicked option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user changed the filter to exclude the last clicked option', () => {
   cy.get('{transfer-filter} input').type('ARI');
 });
-(0, _steps.When)('the user SHIFT-clicks a non-highlighted option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user SHIFT-clicks a non-highlighted option', () => {
   cy.get('@list').find('{transferoption}').invoke('eq', 4).clickWith('shift').as('firstShiftClicked');
 });
-(0, _steps.When)('the user SHIFT-clicks an option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user SHIFT-clicks an option', () => {
   cy.get('@list').find('{transferoption}').eq(0).clickWith('shift');
   cy.wrap(0).as('firstClickedIndexWithShift');
 });
-(0, _steps.When)('the user SHIFT-clicks another option', () => {
+(0, _cypressCucumberPreprocessor.When)('the user SHIFT-clicks another option', () => {
   cy.get('@list').find('{transferoption}').eq(5).clickWith('shift');
   cy.wrap(5).as('secondClickedIndexWithShift');
 });
-(0, _steps.Then)('the clicked option should be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clicked option should be highlighted', () => {
   cy.get('@initiallyHighlighted').should('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(_ref => {
     let [hiddenHighlighted, $options] = _ref;
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
@@ -90,26 +90,26 @@ var _index2 = require("../common/index.js");
     });
   });
 });
-(0, _steps.Then)('the clicked options should be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the clicked options should be highlighted', () => {
   cy.all(() => cy.get('@initiallyHighlighted'), () => cy.get('@secondBelowInitiallyHighlighted')).should(_ref2 => {
     let [$initiallyHighlighted, $secondBelowInitiallyHighlighted] = _ref2;
     expect($initiallyHighlighted).to.have.class('highlighted');
     expect($secondBelowInitiallyHighlighted).to.have.class('highlighted');
   });
 });
-(0, _steps.Then)('all options between the initially highlighted option and the clicked option are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('all options between the initially highlighted option and the clicked option are highlighted', () => {
   cy.get('@firstBelowInitiallyHighlighted').should('have.class', 'highlighted');
 });
-(0, _steps.Then)('the option highlighted most recently without SHIFT should be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the option highlighted most recently without SHIFT should be highlighted', () => {
   cy.get('@initiallyHighlightedMultiple').last().should('have.class', 'highlighted');
 });
-(0, _steps.Then)('the option clicked with SHIFT should be highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the option clicked with SHIFT should be highlighted', () => {
   cy.get('@secondBelowInitiallyHighlighted').should('have.class', 'highlighted');
 });
-(0, _steps.Then)('all options between the option highlighted most recently without SHIFT and the clicked option are highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('all options between the option highlighted most recently without SHIFT and the clicked option are highlighted', () => {
   cy.get('@firstBelowInitiallyHighlighted').should('have.class', 'highlighted');
 });
-(0, _steps.Then)('all other previously highlighted options are not highlighted anymore', () => {
+(0, _cypressCucumberPreprocessor.Then)('all other previously highlighted options are not highlighted anymore', () => {
   cy.all(() => cy.get('@initiallyHighlightedMultiple').last().invoke('index'), () => cy.get('@initiallyHighlightedMultiple')).should(_ref3 => {
     let [lastInitiallyHighlightedIndex, $initiallyHighlightedMultiple] = _ref3;
     $initiallyHighlightedMultiple.filter((_, el) => {
@@ -121,7 +121,7 @@ var _index2 = require("../common/index.js");
     });
   });
 });
-(0, _steps.Then)('the range from the visually first highlighted option to the SHIFT-clicked option is highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the range from the visually first highlighted option to the SHIFT-clicked option is highlighted', () => {
   cy.all(() => cy.get('@initiallyHighlightedMultiple'), () => cy.get('@firstShiftClicked'), () => cy.get('@list').find('{transferoption}')).should(_ref4 => {
     let [$initiallyHighlightedMultiple, $firstShiftClicked, $all] = _ref4;
     const firstVisibleHighlightedIndex = $initiallyHighlightedMultiple.filter(':visible').eq(0).index();
@@ -136,7 +136,7 @@ var _index2 = require("../common/index.js");
     $outsideRange.each((index, option) => expect(Cypress.$(option)).to.not.have.class('highlighted'));
   });
 });
-(0, _steps.Then)('the range from the first clicked option to the second clicked option is highlighted', () => {
+(0, _cypressCucumberPreprocessor.Then)('the range from the first clicked option to the second clicked option is highlighted', () => {
   cy.all(() => cy.get('@firstClickedIndexWithShift'), () => cy.get('@secondClickedIndexWithShift'), () => cy.get('@list').find('{transferoption}')).should(_ref5 => {
     let [firstClickedIndexWithShift, secondClickedIndexWithShift, $all] = _ref5;
     const from = Math.min(firstClickedIndexWithShift, secondClickedIndexWithShift);