not to merge, just checking if memory leaks are the issue

Author: abcampo-iry

src/components/Editor/Project/Project.test.js

@@ -9,13 +9,82 @@ import { MemoryRouter } from "react-router-dom";
 
 window.HTMLElement.prototype.scrollIntoView = jest.fn();
 
+jest.mock("react-container-query", () => ({
+  useContainerQuery: () => [{ "width-larger-than-720": false }, jest.fn()],
+}));
+
 jest.mock("react-router-dom", () => ({
   ...jest.requireActual("react-router-dom"),
   useNavigate: () => jest.fn(),
 }));
 
 jest.mock("../../../utils/Notifications");
 
+jest.mock("../Output/Output", () => ({
+  __esModule: true,
+  default: () => <div data-testid="output" />,
+}));
+
+jest.mock("../../Menus/Sidebar/Sidebar", () => ({
+  __esModule: true,
+  default: ({ options = [] }) => (
+    <div data-testid="sidebar">
+      <button title="sidebar.expand" type="button" />
+      {options.includes("settings") && (
+        <button title="sidebar.settings" type="button" />
+      )}
+    </div>
+  ),
+}));
+
+jest.mock("../EditorInput/EditorInput", () => ({
+  __esModule: true,
+  default: () => <div data-testid="editor-input" />,
+}));
+
+jest.mock("../../ProjectBar/ProjectBar", () => ({
+  __esModule: true,
+  default: () => <div data-testid="default-project-bar" />,
+}));
+
+jest.mock("../../ProjectBar/ScratchProjectBar", () => ({
+  __esModule: true,
+  default: () => <div data-testid="scratch-project-bar" />,
+}));
+
+jest.mock("./ScratchContainer", () => ({
+  __esModule: true,
+  default: () => <iframe title="Scratch" />,
+}));
+
+jest.mock("../../../utils/ResizableWithHandle", () => ({
+  __esModule: true,
+  default: ({
+    children,
+    className,
+    defaultWidth,
+    defaultHeight,
+    handleDirection,
+    minWidth,
+    maxWidth,
+    ...props
+  }) => (
+    <div
+      {...props}
+      className={className}
+      style={{
+        width: defaultWidth,
+        height: defaultHeight,
+        minWidth,
+        maxWidth,
+      }}
+    >
+      <div className={`resizable-with-handle__handle--${handleDirection}`} />
+      {children}
+    </div>
+  ),
+}));
+
 jest.useFakeTimers();
 
 const user1 = {

src/components/Mobile/MobileProject/MobileProject.test.js

@@ -7,6 +7,32 @@ import { showSidebar } from "../../../redux/EditorSlice";
 
 window.HTMLElement.prototype.scrollIntoView = jest.fn();
 
+jest.mock("../../Editor/EditorInput/EditorInput", () => ({
+  __esModule: true,
+  default: () => <div data-testid="editor-input" />,
+}));
+
+jest.mock("../../Editor/Output/Output", () => ({
+  __esModule: true,
+  default: () => <div data-testid="output" />,
+}));
+
+jest.mock("../MobileProjectBar/MobileProjectBar", () => ({
+  __esModule: true,
+  default: () => <div data-testid="mobile-project-bar" />,
+}));
+
+jest.mock("../../Menus/Sidebar/Sidebar", () => ({
+  __esModule: true,
+  default: ({ options = [] }) => (
+    <div data-testid="sidebar">
+      {options.includes("settings") && (
+        <button title="sidebar.settings" type="button" />
+      )}
+    </div>
+  ),
+}));
+
 const middlewares = [];
 const mockStore = configureStore(middlewares);
 

src/components/WebComponentProject/WebComponentProject.test.js

@@ -4,6 +4,34 @@ import { Provider } from "react-redux";
 import configureStore from "redux-mock-store";
 import WebComponentProject from "./WebComponentProject";
 
+jest.mock("react-responsive", () => ({
+  useMediaQuery: () => false,
+}));
+
+jest.mock("../Editor/Project/Project", () => ({
+  __esModule: true,
+  default: ({ withSidebar, sidebarOptions = [], withProjectbar }) => (
+    <div data-testid="project">
+      <div>output.textOutput</div>
+      {withSidebar && <button title="sidebar.expand" type="button" />}
+      {withSidebar && sidebarOptions.includes("settings") && (
+        <button title="sidebar.settings" type="button" />
+      )}
+      {withProjectbar && <div>header.newProject</div>}
+    </div>
+  ),
+}));
+
+jest.mock("../Mobile/MobileProject/MobileProject", () => ({
+  __esModule: true,
+  default: () => <div data-testid="mobile-project">output.textOutput</div>,
+}));
+
+jest.mock("../Editor/Output/Output", () => ({
+  __esModule: true,
+  default: () => <div data-testid="output">output.textOutput</div>,
+}));
+
 const codeChangedHandler = jest.fn();
 const runStartedHandler = jest.fn();
 const runCompletedHandler = jest.fn();