@griddo/ax 1.75.111 → 1.75.113

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

@@ -0,0 +1,117 @@
+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";
+
+afterEach(() => {
+  cleanup();
+});
+
+const defaultProps = mock<ISortByProps>();
+const sortItemsMock = defaultProps.sortItems as jest.MockedFunction<
+  (orderPointer: string, 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("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("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("size", true);
+  });
+});

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

@@ -0,0 +1,51 @@
+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";
+
+afterEach(() => {
+  cleanup();
+});
+
+const defaultProps = mock<ITypeProps>();
+const filterItemsMock = defaultProps.filterItems as jest.MockedFunction<(pointer: string, filter: string) => 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", "bitmap");
+  });
+});