From 638a5a9a88b346118fc738ad5f237b1da308ac48 Mon Sep 17 00:00:00 2001
From: Tobias Merki <103021062+neotob@users.noreply.github.com>
Date: Mon, 30 Jun 2025 18:11:55 -1000
Subject: [PATCH 1/4] move declarations into type file

---
 .../cypress/component/Paging/Paging.cy.tsx    |  5 +-
 .../PanelSidebar/PanelSidebar.cy.tsx          | 29 ++++++------
 cypress/cypress/support/commands.ts           | 47 -------------------
 cypress/cypress/support/component-index.html  | 14 ------
 cypress/cypress/support/component.ts          | 44 -----------------
 5 files changed, 18 insertions(+), 121 deletions(-)
 delete mode 100644 cypress/cypress/support/commands.ts
 delete mode 100644 cypress/cypress/support/component-index.html
 delete mode 100644 cypress/cypress/support/component.ts

diff --git a/cypress/cypress/component/Paging/Paging.cy.tsx b/cypress/cypress/component/Paging/Paging.cy.tsx
index 928fdcb..9404959 100644
--- a/cypress/cypress/component/Paging/Paging.cy.tsx
+++ b/cypress/cypress/component/Paging/Paging.cy.tsx
@@ -1,5 +1,6 @@
 import { Paging } from "react-pattern-ui";
 import { faker } from "@faker-js/faker";
+import { mount } from "cypress/react18";
 
 describe("Paging.cy.tsx", () => {
   it("basic paging works", () => {
@@ -8,7 +9,7 @@ describe("Paging.cy.tsx", () => {
     const currentPage = faker.datatype.number({ min: 2, max: pages - 1 });
     const translations = { showedItemsText: "Item {from} to {to} from {total}", itemsPerPageDropdown: "Items per page" };
 
-    cy.mount(
+    mount(
       <Paging
         currentItemsPerPage={itemsPerPage}
         currentPage={currentPage}
@@ -74,7 +75,7 @@ describe("Paging.cy.tsx", () => {
     const currentPage = faker.datatype.number({ min: 2, max: pages - 1 });
     const translations = { showedItemsText: "Item {from} to {to} from {total}", itemsPerPageDropdown: "Items per page" };
 
-    cy.mount(
+    mount(
       <Paging
         currentItemsPerPage={itemsPerPage}
         currentPage={currentPage}
diff --git a/cypress/cypress/component/PanelSidebar/PanelSidebar.cy.tsx b/cypress/cypress/component/PanelSidebar/PanelSidebar.cy.tsx
index 3767bba..30bc664 100644
--- a/cypress/cypress/component/PanelSidebar/PanelSidebar.cy.tsx
+++ b/cypress/cypress/component/PanelSidebar/PanelSidebar.cy.tsx
@@ -9,6 +9,7 @@ import {
   PanelItemOnSideBarCollapseOptions,
 } from "react-pattern-ui";
 import { faBars, faCogs, faInfo, faHome, faPerson } from "@fortawesome/free-solid-svg-icons";
+import { mount } from "cypress/react18";
 
 type AppRoutes = "home" | "settings" | "dropdownTest" | "dropdown-test1" | "dropdown-test2" | "info";
 type TSideBarMenuItem = PanelItem<AppRoutes>;
@@ -136,7 +137,7 @@ const PanelSideBarNoTiles = (props: PanelSideBarProps) => {
 
 describe("PanelSidebar.cy.tsx", () => {
   it("icon and titles rendered correctly", () => {
-    cy.mount(<PanelSideBarWithTiles />);
+    mount(<PanelSideBarWithTiles />);
 
     // Check if icon are rendered
     cy.get('[data-icon="bars"]').should("be.visible");
@@ -149,7 +150,7 @@ describe("PanelSidebar.cy.tsx", () => {
   });
 
   it("flat menu entry", () => {
-    cy.mount(<PanelSideBarWithTiles />);
+    mount(<PanelSideBarWithTiles />);
 
     // Check page content changes
     cy.get("#home").click();
@@ -160,7 +161,7 @@ describe("PanelSidebar.cy.tsx", () => {
   });
 
   it("nested menu entries", () => {
-    cy.mount(<PanelSideBarWithTiles />);
+    mount(<PanelSideBarWithTiles />);
 
     // Check page content changes
     cy.get("button[title=Settings]").click();
@@ -173,7 +174,7 @@ describe("PanelSidebar.cy.tsx", () => {
   });
 
   it("disabled entries", () => {
-    cy.mount(<PanelSideBarWithTiles disabled />);
+    mount(<PanelSideBarWithTiles disabled />);
 
     // Check are disabled and page content not doesn't change
     cy.get("button[title=Home]").should("have.attr", "disabled");
@@ -185,7 +186,7 @@ describe("PanelSidebar.cy.tsx", () => {
   });
 
   it("toggle sidebar", () => {
-    cy.mount(<PanelSideBarWithTiles />);
+    mount(<PanelSideBarWithTiles />);
 
     // Check toggle sidebar
     cy.get('[data-icon="angle-left"]').should("be.visible");
@@ -196,26 +197,26 @@ describe("PanelSidebar.cy.tsx", () => {
   });
 
   it("selected flat entry", () => {
-    cy.mount(<PanelSideBarWithTiles active />);
+    mount(<PanelSideBarWithTiles active />);
 
     // Check active entries
     cy.get("#home").parent("div").parent("li").should("have.class", "active");
   });
 
   it("render correctly menu without tiles", () => {
-    cy.mount(<PanelSideBarNoTiles />);
+    mount(<PanelSideBarNoTiles />);
     cy.get("#main-section").should("have.class", "section-no-tiles");
     cy.get(".side.nav__tiles").should("not.exist");
   });
 
   it("render correctly toggle button", () => {
-    cy.mount(<PanelSideBarNoTiles />);
+    mount(<PanelSideBarNoTiles />);
     cy.get("#sidebar-toggle").click();
     cy.get("#side-nav").should("have.css", "width", "0px");
   });
 
   it("check dropdown correctly pre-expanded", () => {
-    cy.mount(<PanelSideBarWithTiles expanded />);
+    mount(<PanelSideBarWithTiles expanded />);
     cy.get("button[title=Settings]").click();
     cy.get("#dropdown-test1").should("be.visible");
     cy.get("#dropdown-test2").should("be.visible");
@@ -231,7 +232,7 @@ describe("PanelSidebar.cy.tsx", () => {
       );
     };
 
-    cy.mount(
+    mount(
       <PanelSideBarWithTiles expanded>
         <Button />
       </PanelSideBarWithTiles>,
@@ -254,7 +255,7 @@ describe("PanelSidebar.cy.tsx", () => {
       );
     };
 
-    cy.mount(
+    mount(
       <PanelSideBarWithTiles expanded>
         <Button />
       </PanelSideBarWithTiles>,
@@ -282,7 +283,7 @@ describe("PanelSidebar.cy.tsx", () => {
       );
     };
 
-    cy.mount(
+    mount(
       <PanelSideBarWithTiles>
         <Button />
       </PanelSideBarWithTiles>,
@@ -296,7 +297,7 @@ describe("PanelSidebar.cy.tsx", () => {
   });
 
   it("check hidden panel", () => {
-    cy.mount(<PanelSideBarWithTiles />);
+    mount(<PanelSideBarWithTiles />);
 
     cy.get("button[title=Settings]").should("be.visible");
     cy.get("button[title=Home]").should("be.visible");
@@ -304,7 +305,7 @@ describe("PanelSidebar.cy.tsx", () => {
   });
 
   it("toggle sidebar with visible icons", () => {
-    cy.mount(<PanelSideBarWithTiles onSidebarCollapseOptions={{ showIcon: true }} />);
+    mount(<PanelSideBarWithTiles onSidebarCollapseOptions={{ showIcon: true }} />);
     cy.get('[data-icon="angle-left"]').should("be.visible");
     cy.get("#side-nav-toggle").click();
     cy.get('[data-icon="angle-right"]').should("be.visible");
diff --git a/cypress/cypress/support/commands.ts b/cypress/cypress/support/commands.ts
deleted file mode 100644
index 64282d4..0000000
--- a/cypress/cypress/support/commands.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************
-// This example commands.ts shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-//
-// declare global {
-//   namespace Cypress {
-//     interface Chainable {
-//       login(email: string, password: string): Chainable<void>
-//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
-//     }
-//   }
-// }
-
-declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace Cypress {
-    // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-    interface Chainable {}
-  }
-}
-
-export {};
diff --git a/cypress/cypress/support/component-index.html b/cypress/cypress/support/component-index.html
deleted file mode 100644
index 2cbfac6..0000000
--- a/cypress/cypress/support/component-index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <title>Components App</title>
-    <!-- Used by Next.js to inject CSS. -->
-    <div id="__next_css__DO_NOT_USE__"></div>
-  </head>
-  <body>
-    <div data-cy-root></div>
-  </body>
-</html>
diff --git a/cypress/cypress/support/component.ts b/cypress/cypress/support/component.ts
deleted file mode 100644
index a2ea4e1..0000000
--- a/cypress/cypress/support/component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-// ***********************************************************
-// This example support/component.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-import "bootstrap/dist/css/bootstrap.min.css";
-
-import "react-pattern-ui/styles.css";
-
-// Import commands.js using ES2015 syntax:
-import "./commands";
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-
-import { mount } from "cypress/react18";
-
-// Augment the Cypress namespace to include type definitions for
-// your custom command.
-// Alternatively, can be defined in cypress/support/component.d.ts
-// with a <reference path="./component" /> at the top of your spec.
-declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace Cypress {
-    interface Chainable {
-      mount: typeof mount;
-    }
-  }
-}
-
-Cypress.Commands.add("mount", mount);
-
-// Example use:
-// cy.mount(<MyComponent />)

From 63df418f0d3865ac9928292fda1abca0176278ae Mon Sep 17 00:00:00 2001
From: Tobias Merki <103021062+neotob@users.noreply.github.com>
Date: Mon, 30 Jun 2025 18:12:54 -1000
Subject: [PATCH 2/4] changelog

---
 CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 98c7d2c..9b13fc0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+- move cypress declarations into type file
+
 ## [5.2.0] - 2025-06-23
 
 ### Added

From c410097cb3201130fbe3c83ca561bd2da2379fa8 Mon Sep 17 00:00:00 2001
From: Tobias Merki <103021062+neotob@users.noreply.github.com>
Date: Mon, 30 Jun 2025 18:13:27 -1000
Subject: [PATCH 3/4] fix

---
 CHANGELOG.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9b13fc0..618694e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,9 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-### Changed
+### Removed
 
-- move cypress declarations into type file
+- remove cypress declarations
 
 ## [5.2.0] - 2025-06-23
 

From 9c54ba4ea56f9b1e1c4db33a8ba7e18f3db4149f Mon Sep 17 00:00:00 2001
From: Tobias Merki <103021062+neotob@users.noreply.github.com>
Date: Mon, 30 Jun 2025 18:21:58 -1000
Subject: [PATCH 4/4] fix

---
 cypress/cypress/support/component-index.html | 14 ++++++++++++++
 cypress/cypress/support/component.ts         | 18 ++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 cypress/cypress/support/component-index.html
 create mode 100644 cypress/cypress/support/component.ts

diff --git a/cypress/cypress/support/component-index.html b/cypress/cypress/support/component-index.html
new file mode 100644
index 0000000..2cbfac6
--- /dev/null
+++ b/cypress/cypress/support/component-index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <title>Components App</title>
+    <!-- Used by Next.js to inject CSS. -->
+    <div id="__next_css__DO_NOT_USE__"></div>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>
diff --git a/cypress/cypress/support/component.ts b/cypress/cypress/support/component.ts
new file mode 100644
index 0000000..58b032f
--- /dev/null
+++ b/cypress/cypress/support/component.ts
@@ -0,0 +1,18 @@
+// ***********************************************************
+// This example support/component.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+import "bootstrap/dist/css/bootstrap.min.css";
+
+import "react-pattern-ui/styles.css";