fix: tests folder name contained spaces

Signed-off-by: Nikolay Manchev <nikolay.manchev@limechain.tech>

Author: Nikolay Manchev

plugins-ui/src/__tests__/core/components/ui/Accordion.test.tsx

@@ -0,0 +1,63 @@
+import Accordion from "@/modules/core/components/ui/accordion/Accordion";
+import userEvent from "@testing-library/user-event";
+import { render, waitFor, within } from "@testing-library/react";
+import { CSSProperties } from "react";
+import { describe, expect, it } from "vitest";
+
+const getChildren = () => {
+  return (
+    <div>
+      <span>Child #1</span>
+      <span>Child #2</span>
+      <span>Child #3</span>
+    </div>
+  );
+};
+
+const getHeader = () => {
+  return <h1 data-testid="accordion-header">Header</h1>;
+};
+
+const getExpandButton = () => {
+  return {
+    text: "ExpandButton",
+    style: { backgroundColor: "red" } as CSSProperties,
+  };
+};
+
+const getRenderResult = () => {
+  return render(
+    <Accordion
+      children={getChildren()}
+      header={getHeader()}
+      expandButton={getExpandButton()}
+    />
+  );
+};
+
+describe("Accordion", () => {
+  it("should visualize expand button", async () => {
+    const { findByTestId } = getRenderResult();
+    const triggerButton = await findByTestId("accordion-trigger");
+    const triggerButtonCss = triggerButton.getAttribute("style");
+    expect(triggerButton).toBeVisible();
+    expect(triggerButtonCss).toContain("background-color: red;");
+  });
+
+  it("should visualize children", async () => {
+    const { findByTestId } = getRenderResult();
+    const accordionWrapper = await findByTestId("accordion-wrapper");
+    const triggerButton = await within(accordionWrapper).findByRole("button");
+    userEvent.click(triggerButton);
+    const accordionChildren = await findByTestId("accordion-children");
+    waitFor(() => {
+      expect(accordionChildren).toBeVisible();
+    });
+  });
+
+  it("should visualize header", async () => {
+    const { findByTestId } = getRenderResult();
+    const accordionHeader = await findByTestId("accordion-header");
+    expect(accordionHeader).toBeVisible();
+  });
+});

…_ tests __/policy/PolicyActions.test.tsx …/__tests__/policy/PolicyActions.test.tsxplugins-ui/src/__ tests __/policy/PolicyActions.test.tsx renamed to plugins-ui/src/__tests__/policy/PolicyActions.test.tsx plugins-ui/src/__ tests __/policy/PolicyActions.test.tsx renamed to plugins-ui/src/__tests__/policy/PolicyActions.test.tsx

@@ -1,67 +1,13 @@
 import TokenSelector from "@/modules/shared/token-selector/TokenSelector";
-import { TitleFieldProps, WidgetProps } from "@rjsf/utils";
 import { fireEvent, render, screen } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
+import { describe, expect, it } from "vitest";
+import { getWidgetPropsMock } from "@tests-utils/global-mocks";
+import { WETH_TOKEN } from "@/modules/shared/data/tokens";
 
 describe("TokenSelector Component", () => {
-  const mockRegistry: TitleFieldProps["registry"] = {
-    fields: {},
-    widgets: {},
-    rootSchema: {},
-    templates: {
-      ArrayFieldTemplate: () => null,
-      ArrayFieldDescriptionTemplate: () => null,
-      ArrayFieldItemTemplate: () => null,
-      ArrayFieldTitleTemplate: () => null,
-      BaseInputTemplate: () => null,
-      ButtonTemplates: {
-        AddButton: () => null,
-        MoveDownButton: () => null,
-        MoveUpButton: () => null,
-        RemoveButton: () => null,
-        SubmitButton: () => null,
-        CopyButton: () => null,
-      },
-      DescriptionFieldTemplate: () => null,
-      ErrorListTemplate: () => null,
-      FieldErrorTemplate: () => null,
-      FieldHelpTemplate: () => null,
-      FieldTemplate: () => null,
-      ObjectFieldTemplate: () => null,
-      TitleFieldTemplate: () => null,
-      WrapIfAdditionalTemplate: () => null,
-      UnsupportedFieldTemplate: () => null,
-    },
-    schemaUtils: {
-      getDisplayLabel: () => true,
-    } as any,
-    translateString: () => "string",
-    formContext: {},
-  };
-  const mockProps: WidgetProps = {
-    id: "token-selector",
-    name: "token",
-    label: "Token",
-    schema: { type: "string" },
-    uiSchema: {},
-    formContext: {},
-    registry: mockRegistry,
-    options: {},
-    value: "ETH",
-    required: false,
-    readonly: false,
-    disabled: false,
-    autofocus: false,
-    rawErrors: [],
-    onChange: vi.fn(),
-    onBlur: vi.fn(),
-    onFocus: vi.fn(),
-    placeholder: "",
-    hideError: false,
-  };
-
+  const widgetProps = getWidgetPropsMock(WETH_TOKEN);
   it("should open modal when button is clicked", () => {
-    render(<TokenSelector {...mockProps} />);
+    render(<TokenSelector {...widgetProps} />);
 
     const button = screen.getByRole("button", { name: "Open modal" });
     expect(button).toBeInTheDocument();
@@ -74,7 +20,7 @@ describe("TokenSelector Component", () => {
   });
 
   it("should dismiss modal when close button is clicked", () => {
-    render(<TokenSelector {...mockProps} />);
+    render(<TokenSelector {...widgetProps} />);
 
     const openButton = screen.getByRole("button", { name: "Open modal" });
     fireEvent.click(openButton);
@@ -89,7 +35,7 @@ describe("TokenSelector Component", () => {
   });
 
   it("should set selected token & dismiss modal when token is selected", () => {
-    render(<TokenSelector {...mockProps} />);
+    render(<TokenSelector {...widgetProps} />);
 
     const openButton = screen.getByRole("button", { name: "Open modal" });
     fireEvent.click(openButton);
@@ -102,7 +48,7 @@ describe("TokenSelector Component", () => {
   });
 
   it("should filter out tokens that match search & shows all items when input is cleared", () => {
-    render(<TokenSelector {...mockProps} />);
+    render(<TokenSelector {...widgetProps} />);
 
     const openButton = screen.getByRole("button", { name: "Open modal" });
     fireEvent.click(openButton);
@@ -124,7 +70,7 @@ describe("TokenSelector Component", () => {
   });
 
   it("should show message when no matches to the filter are found", () => {
-    render(<TokenSelector {...mockProps} />);
+    render(<TokenSelector {...widgetProps} />);
 
     const openButton = screen.getByRole("button", { name: "Open modal" });
     fireEvent.click(openButton);
@@ -136,7 +82,7 @@ describe("TokenSelector Component", () => {
   });
 
   it("should show message when no matches to the filter are found", () => {
-    render(<TokenSelector {...mockProps} />);
+    render(<TokenSelector {...widgetProps} />);
 
     const openButton = screen.getByRole("button", { name: "Open modal" });
     fireEvent.click(openButton);