Cypress: update import of current cucumber preprocessor in step definition files

cypress/integration/Admin.DonationInfo/I_click_the_checkbox_show_donations_progress_bar_and_save.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I click the checkbox show donations progress bar and save", () => {
   cy.get("#showDonations").click()

cypress/integration/Admin.DonationInfo/the_donation_info_contains_goal_{string}_and_progress_{string}.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("the donation info contains goal {string} and progress {string}", (goal, progress) => {
   cy.get('.top-info-bar')

cypress/integration/Admin.DonationInfo/the_donation_info_is_{string}.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the donation info is {string}", (visibility) => {
   cy.get('.top-info-bar')

cypress/integration/Admin.PinPost/I_open_the_content_menu_of_post_{string}.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I open the content menu of post {string}", (title) => {
   cy.contains('.post-teaser', title)

cypress/integration/Admin.PinPost/the_post_with_title_{string}_has_a_ribbon_for_pinned_posts.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the post with title {string} has a ribbon for pinned posts", (title) => {
   cy.get(".post-teaser").contains(title)

cypress/integration/Admin.PinPost/there_is_no_button_to_pin_a_post.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("there is no button to pin a post", () => {
   cy.get("a.ds-menu-item-link")

cypress/integration/Internationalization/I_see_a_button_with_the_label_{string}.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I see a button with the label {string}", label => {
   cy.contains("button", label);

cypress/integration/Internationalization/I_select_{string}_in_the_language_menu.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I select {string} in the language menu", language => {
     cy.get(".locale-menu")

cypress/integration/Internationalization/the_whole_user_interface_appears_in_{string}.js

@@ -1,5 +1,5 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
-import locales from '../../../webapp/locales'
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
+import locales from '../../../../webapp/locales'
 
 Then("the whole user interface appears in {string}", language => {
   const { code } = locales.find((entry) => entry.name === language);

cypress/integration/Moderation.HidePost/I_should_see_only_{int}_posts_on_the_newsfeed.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see only {int} posts on the newsfeed", posts => {
   cy.get(".post-teaser")

cypress/integration/Moderation.HidePost/the_page_{string}_returns_a_404_error_with_a_message.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the page {string} returns a 404 error with a message:", (route, message) => {
   cy.request({

cypress/integration/Moderation.ReportContent/I_can_t_see_the_moderation_menu_item.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then(`I can't see the moderation menu item`, () => {
   cy.get('.avatar-menu-popover')

cypress/integration/Moderation.ReportContent/I_can_visit_the_post_page.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I can visit the post page', () => {
   cy.contains('Fake news').click()

cypress/integration/Moderation.ReportContent/I_click_on_Report_Post_from_the_content_menu_of_the_post.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I click on "Report Post" from the content menu of the post', () => {
   cy.contains('.base-card', 'The Truth about the Holocaust')

cypress/integration/Moderation.ReportContent/I_click_on_the_author.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I click on the author', () => {
   cy.get('[data-test="avatarUserLink"]')

cypress/integration/Moderation.ReportContent/I_click_on_the_avatar_menu_in_the_top_right_corner.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I click on the avatar menu in the top right corner", () => {
   cy.get(".avatar-menu").click();

cypress/integration/Moderation.ReportContent/I_confirm_the_reporting_dialog.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When(/^I confirm the reporting dialog .*:$/, message => {
   cy.contains(message) // wait for element to become visible

cypress/integration/Moderation.ReportContent/I_see_all_the_reported_posts_including_from_the_user_who_muted_me.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I see all the reported posts including from the user who muted me', () => {
   cy.get('table tbody').within(() => {

cypress/integration/Moderation.ReportContent/I_see_all_the_reported_posts_including_the_one_from_above.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I see all the reported posts including the one from above', () => {
   cy.get('table tbody').within(() => {

cypress/integration/Moderation.ReportContent/each_list_item_links_to_the_post_page.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('each list item links to the post page', () => {
   cy.contains('The Truth about the Holocaust').click();

cypress/integration/Moderation.ReportContent/somebody_reported_the_following_posts.js

@@ -1,5 +1,5 @@
-import { Given } from "cypress-cucumber-preprocessor/steps";
-import { gql } from '../../../backend/src/helpers/jest'
+import { Given } from "@badeball/cypress-cucumber-preprocessor";
+import { gql } from '../../../../backend/src/helpers/jest'
 
 Given('somebody reported the following posts:', table => {
   table.hashes().forEach(({ submitterEmail, resourceId, reasonCategory, reasonDescription }) => {

cypress/integration/Moderation.ReportContent/there_is_an_annoying_user_who_has_muted_me.js

@@ -1,3 +1,5 @@
+import { Given } from "@badeball/cypress-cucumber-preprocessor";
+
 Given("there is an annoying user who has muted me", () => {
   cy.neode()
     .first("User", {

cypress/integration/Notification.Mention/I_start_to_write_a_new_post_with_the_title_{string}_beginning_with.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I start to write a new post with the title {string} beginning with:", (title, intro) => {
   cy.get('input[name="title"]')

cypress/integration/Notification.Mention/mention_{string}_in_the_text.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("mention {string} in the text", mention => {
   cy.get(".ProseMirror")

cypress/integration/Notification.Mention/open_the_notification_menu_and_click_on_the_first_item.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("open the notification menu and click on the first item", () => {
   cy.get(".notifications-menu")

cypress/integration/Notification.Mention/see_{int}_unread_notifications_in_the_top_menu.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("see {int} unread notifications in the top menu", count => {
   cy.get(".notifications-menu")

cypress/integration/Notification.Mention/the_notification_menu_button_links_to_the_all_notifications_page.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the notification menu button links to the all notifications page", () => {
   cy.get(".notifications-menu")

cypress/integration/Notification.Mention/the_unread_counter_is_removed.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the unread counter is removed", () => {
   cy.get('.notifications-menu .counter-icon')

cypress/integration/Post.Comment/I_comment_the_following.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I comment the following:", async text => {
   const comment = text.replace("\n", " ")

cypress/integration/Post.Comment/I_should_see_an_abbreviated_version_of_my_comment.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see an abbreviated version of my comment", () => {
   cy.get("article.comment-card")

cypress/integration/Post.Comment/I_should_see_my_comment.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see my comment", () => {
   cy.get("article.comment-card p")

cypress/integration/Post.Comment/I_should_see_the_entirety_of_my_comment.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see the entirety of my comment", () => {
   cy.get("article.comment-card")

cypress/integration/Post.Comment/I_type_in_a_comment_with_{int}_characters.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I type in a comment with {int} characters", size => {
   var c="";

cypress/integration/Post.Comment/it_should_create_a_mention_in_the_CommentForm.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("it should create a mention in the CommentForm", () => {
   cy.get(".ProseMirror a")

cypress/integration/Post.Comment/my_comment_should_be_successfully_created.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("my comment should be successfully created", () => {
   cy.get(".iziToast-message").contains("Comment submitted!");

cypress/integration/Post.Comment/the_editor_should_be_cleared.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the editor should be cleared", () => {
   cy.get(".ProseMirror p").should("have.class", "is-empty");

cypress/integration/Post.Create/I_choose_{string}_as_the_title.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I choose {string} as the title", async title => {
   const lastPost = {}

cypress/integration/Post.Create/the_post_was_saved_successfully.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the post was saved successfully", async () => {
   cy.task('getValue', 'lastPost').then(lastPost => {

cypress/integration/Post.Images/I_add_all_required_fields.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I add all required fields", () => {
   cy.get('input[name="title"]')

cypress/integration/Post.Images/I_should_be_able_to_{string}_a_teaser_image.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should be able to {string} a teaser image", condition => {
   // cy.reload()

cypress/integration/Post.Images/my_post_has_a_teaser_image.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('my post has a teaser image', () => {
   cy.get('.contribution-form .image')

cypress/integration/Post.Images/the_first_image_should_not_be_displayed_anymore.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the first image should not be displayed anymore", () => {
   cy.get(".hero-image")

cypress/integration/Post.Images/the_post_was_saved_successfully_with_the_{string}_teaser_image.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the post was saved successfully with the {string} teaser image", condition => {
   cy.get(".base-card > .title")

cypress/integration/Post.Images/the_{string}_post_was_saved_successfully_without_a_teaser_image.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('the {string} post was saved successfully without a teaser image', condition => {
   cy.get(".base-card > .title")

cypress/integration/Post/the_post_shows_up_on_the_newsfeed_at_position_{int}.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the post shows up on the newsfeed at position {int}", index => {
   const selector = `.post-teaser:nth-child(${index}) > .base-card`;

cypress/integration/Search/I_select_a_post_entry.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I select a post entry", () => {
   cy.get(".searchable-input .search-post")

cypress/integration/Search/I_select_a_user_entry.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I select a user entry", () => {
   cy.get(".searchable-input .user-teaser")

cypress/integration/Search/I_should_have_one_item_in_the_select_dropdown.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should have one item in the select dropdown", () => {
   cy.get(".searchable-input .ds-select-dropdown").should($li => {

cypress/integration/Search/I_should_not_see_posts_without_the_searched-for_term_in_the_select_dropdown.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should not see posts without the searched-for term in the select dropdown", () => {
   cy.get(".ds-select-dropdown")

cypress/integration/Search/I_should_see_posts_with_the_searched-for_term_in_the_select_dropdown.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see posts with the searched-for term in the select dropdown", () => {
   cy.get(".ds-select-dropdown")

cypress/integration/Search/I_should_see_the_following_posts_on_the_search_results_page.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see the following posts on the search results page:", table => {
   table.hashes().forEach(({ title }) => {  

cypress/integration/Search/I_should_see_the_following_users_in_the_select_dropdown.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see the following users in the select dropdown:", table => {
   cy.get(".search-heading").should("contain", "Users");

cypress/integration/Search/I_type_{string}_and_press_Enter.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I type {string} and press Enter", value => {
   cy.get(".searchable-input .ds-select input")

cypress/integration/Search/I_type_{string}_and_press_escape.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I type {string} and press escape", value => {
   cy.get(".searchable-input .ds-select input")

cypress/integration/Search/the_search_field_should_clear.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the search field should clear", () => {
   cy.get(".searchable-input .ds-select input")

cypress/integration/Search/the_search_parameter_equals_{string}.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the search parameter equals {string}", search => {
   cy.location("search")

cypress/integration/User.Authentication/I_am_logged_in_with_username_{string}.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I am logged in with username {string}", name => {
   cy.get(".avatar-menu").click();

cypress/integration/User.Block/I_block_the_user_{string}.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I block the user {string}", name => {
   cy.neode()

cypress/integration/User.Block/I_should_not_see_{string}_button.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I should not see {string} button', button => {
   cy.get('.base-card .action-buttons')

cypress/integration/User.Block/I_should_see_no_users_in_my_blocked_users_list.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should see no users in my blocked users list", () => {
   cy.get('.ds-placeholder')

cypress/integration/User.Block/I_should_see_the_{string}_button.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I should see the {string} button', button => {
   cy.get('.base-card .action-buttons .base-button')

cypress/integration/User.Block/I_{string}_see_{string}_from_the_content_menu_in_the_user_info_box.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I {string} see {string} from the content menu in the user info box", (condition, link) => {
   cy.get(".user-content-menu .base-button").click()

cypress/integration/User.Block/a_user_has_blocked_me.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("a user has blocked me", () => {
   cy.neode()

cypress/integration/User.Block/they_should_not_see_the_comment_form.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("they should not see the comment form", () => {
   cy.get(".base-card").children().should('not.have.class', 'comment-form')

cypress/integration/User.Block/they_should_see_a_text_explaining_why_commenting_is_not_possible.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("they should see a text explaining why commenting is not possible", () => {
   cy.get('.ds-placeholder').should('contain', "Commenting is not possible at this time on this post.")

cypress/integration/User.Mute/I_mute_the_user_{string}.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I mute the user {string}", name => {
   cy.neode()

cypress/integration/User.Mute/the_list_of_posts_of_this_user_is_empty.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the list of posts of this user is empty", () => {
   cy.get(".base-card").not(".post-link");

cypress/integration/User.Mute/the_search_should_contain_the_annoying_user.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the search should contain the annoying user", () => {
   cy.get(".searchable-input .ds-select-dropdown")

cypress/integration/User.Mute/the_search_should_not_contain_posts_by_the_annoying_user.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("the search should not contain posts by the annoying user", () => {
   cy.get(".searchable-input .ds-select-dropdown").should($li => {

cypress/integration/User.SettingNotifications/I_click_on_element_with_ID_{string}.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I click on element with ID {string}", (id) => {
   cy.get('#' + id).click()

cypress/integration/User.SettingNotifications/I_click_save.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I click save", () => {
   cy.get(".save-button").click()

cypress/integration/User.SettingNotifications/I_click_the_checkbox_show_donations_progress_bar_and_save.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I click the checkbox show donations progress bar and save", () => {
   cy.get("#showDonations").click()

cypress/integration/UserProfile.Avatar/I_cannot_upload_a_picture.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I cannot upload a picture", () => {
   cy.get(".base-card")

cypress/integration/UserProfile.Avatar/I_should_be_able_to_change_my_profile_picture.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I should be able to change my profile picture", () => {
   const avatarUpload = "onourjourney.png";

cypress/integration/UserProfile.ChangePassword/I_can_login_successfully.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I can login successfully", () => {
   // cy.reload();

cypress/integration/UserProfile.ChangePassword/I_cannot_login_anymore.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I cannot login anymore", password => {
   //cy.reload();

cypress/integration/UserProfile.ChangePassword/I_cannot_submit_the_form.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I cannot submit the form", () => {
   cy.get("button[type=submit]")

cypress/integration/UserProfile.ChangePassword/I_fill_the_password_form_with.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I fill the password form with:", table => {
   table = table.rowsHash();

cypress/integration/UserProfile.ChangePassword/I_submit_the_form.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I submit the form", () => {
   cy.get("form").submit();

cypress/integration/UserProfile.NameDescriptionLocation/I_can_see_my_new_name_{string}_when_I_click_on_my_profile_picture_in_the_top_right.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I can see my new name {string} when I click on my profile picture in the top right', name => {
   cy.get('.avatar-menu').click() // open

cypress/integration/UserProfile.NameDescriptionLocation/I_have_the_following_self-description.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I have the following self-description:', text => {
     cy.get('textarea[id=about]')

cypress/integration/UserProfile.NameDescriptionLocation/I_save_{string}_as_my_location.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I save {string} as my location', location => {
     cy.get('input[id=city]').type(location)

cypress/integration/UserProfile.NameDescriptionLocation/I_save_{string}_as_my_new_name.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I save {string} as my new name', name => {
   cy.get('input[id=name]')

cypress/integration/UserProfile.NameDescriptionLocation/they_can_see_the_following_text_in_the_info_box_below_my_avatar.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('they can see the following text in the info box below my avatar:', text => {
   cy.contains(text)

cypress/integration/UserProfile.NameDescriptionLocation/they_can_see_{string}_in_the_info_box_below_my_avatar.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('they can see {string} in the info box below my avatar', location => {
   cy.contains(location)

cypress/integration/UserProfile.SocialMedia/I_add_a_social_media_link.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I add a social media link', () => {
   cy.get('button')

cypress/integration/UserProfile.SocialMedia/I_can_cancel_editing.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I can cancel editing', () => {
   cy.get('button#cancel')

cypress/integration/UserProfile.SocialMedia/I_delete_a_social_media_link.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I delete a social media link', () => {
   cy.get(".base-button[title='Delete']")

cypress/integration/UserProfile.SocialMedia/I_edit_and_save_the_link.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I edit and save the link', () => {
   cy.get('input#editSocialMedia')

cypress/integration/UserProfile.SocialMedia/I_have_added_a_social_media_link.js

@@ -1,4 +1,4 @@
-import { Given } from "cypress-cucumber-preprocessor/steps";
+import { Given } from "@badeball/cypress-cucumber-preprocessor";
 
 Given('I have added a social media link', () => {
   cy.visit('/settings/my-social-media')

cypress/integration/UserProfile.SocialMedia/I_start_editing_a_social_media_link.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When('I start editing a social media link', () => {
   cy.get(".base-button[title='Edit']")

cypress/integration/UserProfile.SocialMedia/the_new_social_media_link_shows_up_on_the_page.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('the new social media link shows up on the page', () => {
   cy.get('a[href="https://freeradical.zone/peter-pan"]')

cypress/integration/UserProfile.SocialMedia/the_new_url_is_displayed.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('the new url is displayed', () => {
   cy.get("a[href='https://freeradical.zone/tinkerbell']")

cypress/integration/UserProfile.SocialMedia/the_old_url_is_not_displayed.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('the old url is not displayed', () => {
   cy.get("a[href='https://freeradical.zone/peter-pan']")

cypress/integration/UserProfile.SocialMedia/they_should_be_able_to_see_my_social_media_links.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('they should be able to see my social media links', () => {
   cy.get('.base-card')

cypress/integration/common/I_am_logged_in_as_{string}.js

@@ -1,5 +1,5 @@
-import { Given } from "cypress-cucumber-preprocessor/steps";
-import encode from '../../../backend/src/jwt/encode'
+import { Given } from "@badeball/cypress-cucumber-preprocessor";
+import encode from '../../../../backend/src/jwt/encode'
 
 Given("I am logged in as {string}", slug => {
   cy.neode()

cypress/integration/common/I_am_on_page_{string}.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then("I am on page {string}", page => {
   cy.location("pathname")

cypress/integration/common/I_can_see_the_following_table.js

@@ -1,4 +1,4 @@
-import { Then } from "cypress-cucumber-preprocessor/steps";
+import { Then } from "@badeball/cypress-cucumber-preprocessor";
 
 Then('I can see the following table:', table => {
   const headers = table.raw()[0]

cypress/integration/common/I_choose_the_following_text_as_content.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I choose the following text as content:", async text => {
   cy.task('getValue', 'lastPost').then(lastPost => {

cypress/integration/common/I_click_on_{string}.js

@@ -1,4 +1,4 @@
-import { When } from "cypress-cucumber-preprocessor/steps";
+import { When } from "@badeball/cypress-cucumber-preprocessor";
 
 When("I click on {string}", element => {
   const elementSelectors = {