@dhis2-ui/header-bar 9.5.0-alpha.1 → 9.5.0

package/build/es/__e2e__/stories/common.js

@@ -2,6 +2,7 @@
 import { CustomDataProvider, Provider, useAlerts } from '@dhis2/app-runtime';
 import PropTypes from 'prop-types';
 import React, { useEffect } from 'react';
+export { modulesWithSpecialCharacters } from './modulesWithSpecialCharacters.js';
 export const defaultModules = [{
   name: 'dhis-web-dashboard',
   namespace: '/dhis-web-dashboard',
@@ -66,203 +67,6 @@ export const defaultModules = [{
   icon: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/icon.png',
   description: 'DHIS2 Legacy Dashboard App'
 }];
-export const modulesWithSpecialCharacters = [{
-  name: '/',
-  namespace: '//',
-  defaultAction: '..//.action',
-  displayName: 'A / character',
-  icon: '../icons/dhis-web-dashboard.png',
-  description: ''
-}, {
-  name: '-',
-  namespace: '/-',
-  defaultAction: '../-.action',
-  displayName: 'A - character',
-  icon: '../icons/dhis-web-dashboard.png',
-  description: ''
-}, {
-  name: '(',
-  namespace: '/(',
-  defaultAction: '../(.action',
-  displayName: 'A ( character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: ')',
-  namespace: '/)',
-  defaultAction: '../).action',
-  displayName: 'A ) character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '[',
-  namespace: '/[',
-  defaultAction: '../[.action',
-  displayName: 'A [ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: ']',
-  namespace: '/]',
-  defaultAction: '../].action',
-  displayName: 'A ] character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '{',
-  namespace: '/{',
-  defaultAction: '../{.action',
-  displayName: 'A { character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '}',
-  namespace: '/}',
-  defaultAction: '../}.action',
-  displayName: 'A } character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '*',
-  namespace: '/*',
-  defaultAction: '../*.action',
-  displayName: 'A * character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '+',
-  namespace: '/+',
-  defaultAction: '../+.action',
-  displayName: 'A + character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '?',
-  namespace: '/?',
-  defaultAction: '../?.action',
-  displayName: 'A ? character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '.',
-  namespace: '/.',
-  defaultAction: '../..action',
-  displayName: 'A . character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: ',',
-  namespace: '/,',
-  defaultAction: '../,.action',
-  displayName: 'A , character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '^',
-  namespace: '/^',
-  defaultAction: '../^.action',
-  displayName: 'A ^ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '$',
-  namespace: '/$',
-  defaultAction: '../$.action',
-  displayName: 'A $ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '|',
-  namespace: '/|',
-  defaultAction: '../|.action',
-  displayName: 'A | character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '#',
-  namespace: '/#',
-  defaultAction: '../#.action',
-  displayName: 'A # character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '\\s',
-  namespace: '/\\s',
-  defaultAction: '../\\s.action',
-  displayName: 'A \\s character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: '\\',
-  namespace: '/\\',
-  defaultAction: '../\\.action',
-  displayName: 'A \\ character',
-  icon: '../icons/dhis-web-data-visualizer.png',
-  description: ''
-}, {
-  name: 'dhis-web-dashboard',
-  namespace: '/dhis-web-dashboard',
-  defaultAction: '../dhis-web-dashboard/index.action',
-  displayName: 'Dashboard',
-  icon: '../icons/dhis-web-dashboard.png',
-  description: ''
-}, {
-  name: 'dhis-web-capture',
-  namespace: '/dhis-web-capture',
-  defaultAction: '../dhis-web-capture/index.action',
-  displayName: 'Capture',
-  icon: '../icons/dhis-web-capture.png',
-  description: ''
-}, {
-  name: 'dhis-web-maintenance',
-  namespace: '/dhis-web-maintenance',
-  defaultAction: '../dhis-web-maintenance/index.action',
-  displayName: 'Maintenance',
-  icon: '../icons/dhis-web-maintenance.png',
-  description: ''
-}, {
-  name: 'dhis-web-maps',
-  namespace: '/dhis-web-maps',
-  defaultAction: '../dhis-web-maps/index.action',
-  displayName: 'Maps',
-  icon: '../icons/dhis-web-maps.png',
-  description: ''
-}, {
-  name: 'dhis-web-event-reports',
-  namespace: '/dhis-web-event-reports',
-  defaultAction: '../dhis-web-event-reports/index.action',
-  displayName: 'Event Reports',
-  icon: '../icons/dhis-web-event-reports.png',
-  description: ''
-}, {
-  name: 'dhis-web-interpretation',
-  namespace: '/dhis-web-interpretation',
-  defaultAction: '../dhis-web-interpretation/index.action',
-  displayName: 'Interpretations',
-  icon: '../icons/dhis-web-interpretation.png',
-  description: ''
-}, {
-  name: 'dhis-web-import-export',
-  namespace: '/dhis-web-import-export',
-  defaultAction: '../dhis-web-import-export/index.action',
-  displayName: 'Import/Export',
-  icon: '../icons/dhis-web-importexport.png',
-  description: ''
-}, {
-  name: 'WHO Metadata browser',
-  namespace: 'WHO Metadata browser',
-  defaultAction: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/index.html',
-  displayName: '',
-  icon: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/icons/medicine-48.png',
-  description: ''
-}, {
-  name: 'Dashboard Classic',
-  namespace: 'Dashboard Classic',
-  defaultAction: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/index.html',
-  displayName: '',
-  icon: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/icon.png',
-  description: 'DHIS2 Legacy Dashboard App'
-}];
 export const applicationTitle = 'Foobar';
 export const dataProviderData = {
   'systemSettings/applicationTitle': {

package/build/es/__e2e__/stories/modulesWithSpecialCharacters.js

@@ -0,0 +1,197 @@
+export const modulesWithSpecialCharacters = [{
+  name: '/',
+  namespace: '//',
+  defaultAction: '..//.action',
+  displayName: 'A / character',
+  icon: '../icons/dhis-web-dashboard.png',
+  description: ''
+}, {
+  name: '-',
+  namespace: '/-',
+  defaultAction: '../-.action',
+  displayName: 'A - character',
+  icon: '../icons/dhis-web-dashboard.png',
+  description: ''
+}, {
+  name: '(',
+  namespace: '/(',
+  defaultAction: '../(.action',
+  displayName: 'A ( character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: ')',
+  namespace: '/)',
+  defaultAction: '../).action',
+  displayName: 'A ) character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '[',
+  namespace: '/[',
+  defaultAction: '../[.action',
+  displayName: 'A [ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: ']',
+  namespace: '/]',
+  defaultAction: '../].action',
+  displayName: 'A ] character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '{',
+  namespace: '/{',
+  defaultAction: '../{.action',
+  displayName: 'A { character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '}',
+  namespace: '/}',
+  defaultAction: '../}.action',
+  displayName: 'A } character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '*',
+  namespace: '/*',
+  defaultAction: '../*.action',
+  displayName: 'A * character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '+',
+  namespace: '/+',
+  defaultAction: '../+.action',
+  displayName: 'A + character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '?',
+  namespace: '/?',
+  defaultAction: '../?.action',
+  displayName: 'A ? character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '.',
+  namespace: '/.',
+  defaultAction: '../..action',
+  displayName: 'A . character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: ',',
+  namespace: '/,',
+  defaultAction: '../,.action',
+  displayName: 'A , character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '^',
+  namespace: '/^',
+  defaultAction: '../^.action',
+  displayName: 'A ^ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '$',
+  namespace: '/$',
+  defaultAction: '../$.action',
+  displayName: 'A $ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '|',
+  namespace: '/|',
+  defaultAction: '../|.action',
+  displayName: 'A | character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '#',
+  namespace: '/#',
+  defaultAction: '../#.action',
+  displayName: 'A # character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '\\s',
+  namespace: '/\\s',
+  defaultAction: '../\\s.action',
+  displayName: 'A \\s character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: '\\',
+  namespace: '/\\',
+  defaultAction: '../\\.action',
+  displayName: 'A \\ character',
+  icon: '../icons/dhis-web-data-visualizer.png',
+  description: ''
+}, {
+  name: 'dhis-web-dashboard',
+  namespace: '/dhis-web-dashboard',
+  defaultAction: '../dhis-web-dashboard/index.action',
+  displayName: 'Dashboard',
+  icon: '../icons/dhis-web-dashboard.png',
+  description: ''
+}, {
+  name: 'dhis-web-capture',
+  namespace: '/dhis-web-capture',
+  defaultAction: '../dhis-web-capture/index.action',
+  displayName: 'Capture',
+  icon: '../icons/dhis-web-capture.png',
+  description: ''
+}, {
+  name: 'dhis-web-maintenance',
+  namespace: '/dhis-web-maintenance',
+  defaultAction: '../dhis-web-maintenance/index.action',
+  displayName: 'Maintenance',
+  icon: '../icons/dhis-web-maintenance.png',
+  description: ''
+}, {
+  name: 'dhis-web-maps',
+  namespace: '/dhis-web-maps',
+  defaultAction: '../dhis-web-maps/index.action',
+  displayName: 'Maps',
+  icon: '../icons/dhis-web-maps.png',
+  description: ''
+}, {
+  name: 'dhis-web-event-reports',
+  namespace: '/dhis-web-event-reports',
+  defaultAction: '../dhis-web-event-reports/index.action',
+  displayName: 'Event Reports',
+  icon: '../icons/dhis-web-event-reports.png',
+  description: ''
+}, {
+  name: 'dhis-web-interpretation',
+  namespace: '/dhis-web-interpretation',
+  defaultAction: '../dhis-web-interpretation/index.action',
+  displayName: 'Interpretations',
+  icon: '../icons/dhis-web-interpretation.png',
+  description: ''
+}, {
+  name: 'dhis-web-import-export',
+  namespace: '/dhis-web-import-export',
+  defaultAction: '../dhis-web-import-export/index.action',
+  displayName: 'Import/Export',
+  icon: '../icons/dhis-web-importexport.png',
+  description: ''
+}, {
+  name: 'WHO Metadata browser',
+  namespace: 'WHO Metadata browser',
+  defaultAction: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/index.html',
+  displayName: '',
+  icon: 'https://debug.dhis2.org/dev/api/apps/WHO-Metadata-browser/icons/medicine-48.png',
+  description: ''
+}, {
+  name: 'Dashboard Classic',
+  namespace: 'Dashboard Classic',
+  defaultAction: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/index.html',
+  displayName: '',
+  icon: 'https://debug.dhis2.org/dev/api/apps/Dashboard-Classic/icon.png',
+  description: 'DHIS2 Legacy Dashboard App'
+}];

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

@@ -1,4 +1,4 @@
-import { Before, Given } from 'cypress-cucumber-preprocessor/steps';
+import { Before, Given } from '@badeball/cypress-cucumber-preprocessor';
 export const baseUrl = 'https://domain.tld/';
 export const webCommons = 'https://domain.tld/dhis-web-commons/';
 Before(() => {

package/build/es/features/the_headerbar_can_display_online_status/the_headerbar_displays_online_status.js

@@ -1,5 +1,4 @@
-import { Before, After, Given, Then, When, And } from 'cypress-cucumber-preprocessor/steps';
-import '../common/index.js'; // see https://github.com/cypress-io/cypress/issues/17723#issuecomment-1457064322
+import { Before, After, Given, Then, When } from '@badeball/cypress-cucumber-preprocessor'; // see https://github.com/cypress-io/cypress/issues/17723#issuecomment-1457064322
 
 const goOffline = () => {
   cy.log('**go offline**') // stub every request with a StaticResponse to simulate network error
@@ -27,7 +26,7 @@ Given('the HeaderBar loads without error when PWA is enabled', () => {
 Given('the HeaderBar loads and is PWA enabled so online status messages will be visible', () => {
   cy.visitStory('HeaderBarTesting', 'Online Status Messaging With PWA Enabled');
 });
-And('the viewport is narrower than 480px', () => {
+Given('the viewport is narrower than 480px', () => {
   cy.viewport(460, 660);
 });
 Then('the HeaderBar does not render online status', () => {
@@ -41,7 +40,7 @@ Then('the HeaderBar displays only the desktop status badge', () => {
   cy.get('[data-test="headerbar-online-status"].badge').should('be.visible');
   cy.get('[data-test="headerbar-online-status"].bar').should('not.be.visible');
 });
-And('the status badge shows online', () => {
+Then('the status badge shows online', () => {
   cy.get('[data-test="headerbar-online-status"].badge .label').should($label => {
     expect($label.text()).to.equal('Online');
   });
@@ -53,7 +52,7 @@ Then('the HeaderBar displays only the mobile status bar', () => {
   cy.get('[data-test="headerbar-online-status"].bar').should('be.visible');
   cy.get('[data-test="headerbar-online-status"].badge').should('not.be.visible');
 });
-And('the browser goes offline', () => {
+Given('the browser goes offline', () => {
   goOffline();
 });
 Then('the status badge shows offline', () => {

package/build/es/features/the_headerbar_conditionally_renders_notification_icons/the_headerbar_conditionally_renders_notification_icons.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('the user has the ALL authority', () => {
   cy.visitStory('HeaderBarTesting', 'User Has All Authority');
 });

package/build/es/features/the_headerbar_contains_a_menu_to_all_apps/common.js

@@ -1,4 +1,4 @@
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar dos not display the app menu', () => {
   cy.get('[data-test="headerbar-apps-menu"]').should('not.exist');
 });

package/build/es/features/the_headerbar_contains_a_menu_to_all_apps/the_app_menu_closes_when_the_user_clicks_outside.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { When } from 'cypress-cucumber-preprocessor/steps';
+import { When } from '@badeball/cypress-cucumber-preprocessor';
 When('the user opens the menu', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });

package/build/es/features/the_headerbar_contains_a_menu_to_all_apps/the_headerbar_contains_a_menu_icon.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar displays a menu icon', () => {
   cy.get('[data-test="headerbar-apps-icon"]').should('exist');
 });

package/build/es/features/the_headerbar_contains_a_menu_to_all_apps/the_user_will_be_offered_a_menu_with_5_apps.js

@@ -1,4 +1,4 @@
-import { When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor';
 When('the user clicks on the menu icons', () => {
   cy.get('[data-test="headerbar-apps-icon"]').click();
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/common.js

@@ -1,4 +1,4 @@
-import { Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Then, When } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar does not display the profile menu', () => {
   cy.get('[data-test="headerbar-profile-menu"]').should('not.exist');
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_headerbar_shows_a_text_icon_if_the_user_does_not_have_an_avatar.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor';
 Given('the HeaderBar loads without an error and the user does not have an avatar', () => {
   cy.visitStory('HeaderBarTesting', 'Default');
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_headerbar_shows_an_image_icon_if_the_user_has_an_avatar.js

@@ -1,4 +1,4 @@
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor';
 Given('the HeaderBar loads without an error and the user has an avatar', () => {
   cy.visitStory('HeaderBarTesting', 'Me With Avatar');
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_menu_is_closed_by_default.js

@@ -1 +1 @@
-import '../common/index.js'; // all step definitions are shared with other scenarios
+// all step definitions are shared with other scenarios

package/build/es/features/the_headerbar_contains_a_profile_menu/the_menu_opens.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor';
 When('the user clicks on the profile icons', () => {
   cy.get("\n        [data-test=\"headerbar-profile-icon-text\"],\n        [data-test=\"headerbar-profile-icon-image\"]\n    ").click();
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_profile_menu_closes_when_the_user_clicks_outside.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { When } from 'cypress-cucumber-preprocessor/steps';
+import { When } from '@badeball/cypress-cucumber-preprocessor';
 When('the user clicks outside of the menu', () => {
   cy.get('[data-test="headerbar-title"]').click();
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_edit_his_profile.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to edit the profile', () => {
   cy.get('[data-test="headerbar-profile-edit-profile-link"]').should('be.visible');
 });

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_his_account.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the user account', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(1)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_about_dhis2_page.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the About DHIS2 page', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(3)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_help_page.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the help page', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(2)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_go_to_the_settings.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains a link to the settings', () => {
   cy.get('[data-test="headerbar-profile-menu"] > li').should(lis => {
     expect(lis.eq(0)).to.be.visible;

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_can_log_out.js

@@ -1,4 +1,4 @@
-import { And, Then } from 'cypress-cucumber-preprocessor/steps';
+import { When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import { baseUrl } from '../common/index.js';
 const logoutUrl = "".concat(baseUrl, "dhis-web-commons-security/logout.action");
 Then('contains a link to log out the user', () => {
@@ -8,7 +8,7 @@ Then('contains a link to log out the user', () => {
     expect(menuItem.find('a')).to.have.attr('href', logoutUrl);
   });
 });
-And('there is no loading mask', () => {
+When('there is no loading mask', () => {
   cy.get('[data-test="headerbar-profile-menu-loading-mask"]').should('not.exist');
 });
 Then('the user clicks the link to log out', () => {
@@ -18,7 +18,7 @@ Then('a loading mask covers the screen', () => {
   cy.get('[data-test="headerbar-profile-menu-loading-mask"]').should('be.visible');
 }); // Currently not working
 
-And('clearSensitiveCaches is called', async () => {
+When('clearSensitiveCaches is called', async () => {
   // Open caches to test 'clearSensitiveCaches':
   // A keepable cache
   await caches.open('workbox-precache-v2-asdf'); // Other, potentially-sensitive cache

package/build/es/features/the_headerbar_contains_a_profile_menu/the_user_name_and_email_are_displayed.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('contains the user name', () => {
   cy.all(() => cy.window(), () => cy.get('[data-test="headerbar-profile-username"]')).then(_ref => {
     let [win, $name] = _ref;

package/build/es/features/the_headerbar_displays_a_link_to_interpretations_and_an_unread_count/the_headerbar_displays_a_link_to_the_interpretations.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar contains a link to the interpretations', () => {
   cy.get('[data-test="headerbar-interpretations"]').should('be.visible');
 });

package/build/es/features/the_headerbar_displays_a_link_to_interpretations_and_an_unread_count/there_are_no_unread_interpretations.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('there are 0 unread interpretations', () => {
   cy.visitStory('HeaderBarTesting', 'Zero Unread Interpretations');
 });

package/build/es/features/the_headerbar_displays_a_link_to_interpretations_and_an_unread_count/there_are_some_unread_interpretations.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the interpretations link contains an icon with a number greater than 0', () => {
   cy.get('[data-test="headerbar-interpretations-count"]').should($count => {
     expect(parseInt($count.text(), 10)).to.be.greaterThan(0);

package/build/es/features/the_headerbar_displays_a_link_to_messages_and_an_unread_count/the_headerbar_displays_a_link_to_the_messages.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the HeaderBar contains a link to the messages', () => {
   cy.get('[data-test="headerbar-messages"]').should('be.visible');
 });

package/build/es/features/the_headerbar_displays_a_link_to_messages_and_an_unread_count/there_are_no_unread_messages.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then, Given } from 'cypress-cucumber-preprocessor/steps';
+import { Then, Given } from '@badeball/cypress-cucumber-preprocessor';
 Given('there are 0 unread messages', () => {
   cy.visitStory('HeaderBarTesting', 'Zero Unread Messages');
 });

package/build/es/features/the_headerbar_displays_a_link_to_messages_and_an_unread_count/there_are_some_unread_messages.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Then } from 'cypress-cucumber-preprocessor/steps';
+import { Then } from '@badeball/cypress-cucumber-preprocessor';
 Then('the messages link contains an icon with a number greater than 0', () => {
   cy.get('[data-test="headerbar-messages-count"]').should($count => {
     expect(parseInt($count.text(), 10)).to.be.greaterThan(0);