@griddo/ax 11.4.24 → 11.5.0

package/src/__tests__/components/Gallery/GalleryFilters/SortBy/SortBy.test.tsx

@@ -1,118 +0,0 @@
-import * as React from "react";
-import { ThemeProvider } from "styled-components";
-import { render, cleanup, screen, fireEvent } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
-import "@testing-library/jest-dom";
-
-import { parseTheme } from "@ax/helpers";
-import SortBy, { ISortByProps } from "@ax/components/Gallery/GalleryFilters/SortBy";
-import globalTheme from "@ax/themes/theme.json";
-import { IQueryValue } from "@ax/types";
-
-afterEach(() => {
-  cleanup();
-});
-
-const defaultProps = mock<ISortByProps>();
-const sortItemsMock = defaultProps.sortItems as jest.MockedFunction<
-  (orderPointer: IQueryValue[], isAscendent: boolean) => void
->;
-
-describe("Gallery component rendering", () => {
-  it("should render the component", () => {
-    defaultProps.sortedState = {
-      isAscending: false,
-      sortedByName: false,
-      sortedByDate: false,
-      sortedBySize: false,
-    };
-
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <SortBy {...defaultProps} />
-      </ThemeProvider>
-    );
-
-    const orientationWrapper = screen.getByTestId("sortby-wrapper");
-    expect(orientationWrapper).toBeTruthy();
-    fireEvent.click(orientationWrapper);
-
-    const listItem = screen.getAllByTestId("list-item");
-    expect(listItem).toHaveLength(6);
-  });
-
-  it("should call the list item with name and ascending", () => {
-    defaultProps.sortedState = {
-      isAscending: true,
-      sortedByName: true,
-      sortedByDate: false,
-      sortedBySize: false,
-    };
-
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <SortBy {...defaultProps} />
-      </ThemeProvider>
-    );
-
-    const orientationWrapper = screen.getByTestId("sortby-wrapper");
-    expect(orientationWrapper).toBeTruthy();
-    fireEvent.click(orientationWrapper);
-
-    const listItem = screen.getAllByTestId("list-item");
-    expect(listItem).toHaveLength(6);
-    fireEvent.click(listItem[0]);
-
-    expect(sortItemsMock).toBeCalledWith([{ label: "name", value: "name" }], true);
-  });
-
-  it("should call the list item with date and descending", () => {
-    defaultProps.sortedState = {
-      isAscending: false,
-      sortedByName: false,
-      sortedByDate: true,
-      sortedBySize: false,
-    };
-
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <SortBy {...defaultProps} />
-      </ThemeProvider>
-    );
-
-    const orientationWrapper = screen.getByTestId("sortby-wrapper");
-    expect(orientationWrapper).toBeTruthy();
-    fireEvent.click(orientationWrapper);
-
-    const listItem = screen.getAllByTestId("list-item");
-    expect(listItem).toHaveLength(6);
-    fireEvent.click(listItem[2]);
-
-    expect(sortItemsMock).toBeCalledWith([{ label: "date", value: "date" }], false);
-  });
-
-  it("should call the list item with size and ascending", () => {
-    defaultProps.sortedState = {
-      isAscending: true,
-      sortedByName: false,
-      sortedByDate: false,
-      sortedBySize: true,
-    };
-
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <SortBy {...defaultProps} />
-      </ThemeProvider>
-    );
-
-    const orientationWrapper = screen.getByTestId("sortby-wrapper");
-    expect(orientationWrapper).toBeTruthy();
-    fireEvent.click(orientationWrapper);
-
-    const listItem = screen.getAllByTestId("list-item");
-    expect(listItem).toHaveLength(6);
-    fireEvent.click(listItem[4]);
-
-    expect(sortItemsMock).toBeCalledWith([{ label: "size", value: "size" }], true);
-  });
-});

package/src/__tests__/components/Gallery/GalleryFilters/Type/Type.test.tsx

@@ -1,54 +0,0 @@
-import * as React from "react";
-import { ThemeProvider } from "styled-components";
-import { render, cleanup, screen, fireEvent } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
-import "@testing-library/jest-dom";
-
-import { parseTheme } from "@ax/helpers";
-import Type, { ITypeProps } from "@ax/components/Gallery/GalleryFilters/Type";
-import globalTheme from "@ax/themes/theme.json";
-import { IQueryValue } from "@ax/types";
-
-afterEach(() => {
-  cleanup();
-});
-
-const defaultProps = mock<ITypeProps>();
-const filterItemsMock = defaultProps.filterItems as jest.MockedFunction<
-  (pointer: string, filter: IQueryValue[]) => void
->;
-
-describe("Type filter component rendering", () => {
-  it("should render the component", () => {
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <Type {...defaultProps} />
-      </ThemeProvider>
-    );
-
-    const typeWrapper = screen.getByTestId("type-wrapper");
-    expect(typeWrapper).toBeTruthy();
-    fireEvent.click(typeWrapper);
-
-    const listItem = screen.getAllByTestId("list-item");
-    expect(listItem).toHaveLength(3);
-  });
-
-  it("should call the list item", () => {
-    render(
-      <ThemeProvider theme={parseTheme(globalTheme)}>
-        <Type {...defaultProps} />
-      </ThemeProvider>
-    );
-
-    const typeWrapper = screen.getByTestId("type-wrapper");
-    expect(typeWrapper).toBeTruthy();
-    fireEvent.click(typeWrapper);
-
-    const listItem = screen.getAllByTestId("list-item");
-    expect(listItem).toHaveLength(3);
-    fireEvent.click(listItem[1]);
-
-    expect(filterItemsMock).toBeCalledWith("format", [{ label: "Image", value: "bitmap" }]);
-  });
-});