@griddo/ax 1.72.11 → 1.73.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "1.72.11",
+  "version": "1.73.2",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -226,5 +226,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d7adf1a8e63f1fe004ba63e4fd6d5bc58c16b782"
+  "gitHead": "7da49eb2ce0d5fc936b2497fc3800afff07616e1"
 }

package/scripts/griddo-sync-schemas.js

@@ -16,7 +16,7 @@ const API_URL = process.env.API_URL || process.env.REACT_APP_API_ENDPOINT;
 // TODO: Cambiar por /schemas al pasar a producción
 const API_ENDPOINT = `${API_URL}/schemas`;
 const API_METHOD = "PUT";
-const API_DEV_KEY = process.env.developerKey || "DeveloperKeySample";
+const API_DEV_KEY = process.env.developerKey;
 
 async function main() {
   console.clear();

package/src/__tests__/components/ErrorCenter/ErrorCenter.test.tsx

@@ -0,0 +1,186 @@
+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 ErrorCenter, { IErrorCenterProps } from "@ax/components/ErrorCenter";
+import globalTheme from "@ax/themes/theme.json";
+import { IErrorItem } from "@ax/types";
+
+afterEach(cleanup);
+
+const defaultProps = mock<IErrorCenterProps>();
+const errorItemProps = mock<IErrorItem>();
+
+describe("ErrorCenter component rendering", () => {
+  it("should render the component", () => {
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorCenter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const errorText = screen.queryByText("Error Center");
+    expect(errorText).toBeTruthy();
+  });
+
+  it("should render the component with getErrorItem not showing clickable fields", () => {
+    errorItemProps.hasDeactivatedPackage = false;
+    errorItemProps.type = "alert";
+    errorItemProps.message = "un mensaje";
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    errorItemProps.editorID = undefined;
+    errorItemProps.component = null;
+    errorItemProps.name = "name";
+    errorItemProps.tab = "tab";
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    errorItemProps.key = undefined;
+    errorItemProps.template = false;
+
+    const actionsMock = {
+      goToError: jest.fn(),
+      goToPackage: jest.fn(),
+    };
+
+    defaultProps.errors = [errorItemProps];
+    defaultProps.actions = actionsMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorCenter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    let errorText = screen.queryByText("Go to package");
+    expect(errorText).not.toBeTruthy();
+    errorText = screen.queryByText("Go to field");
+    expect(errorText).not.toBeTruthy();
+  });
+
+  it("should render the component with getErrorItem showing 'Go to package'", () => {
+    errorItemProps.hasDeactivatedPackage = true;
+    errorItemProps.type = "warning";
+    errorItemProps.message = "un mensaje";
+    errorItemProps.editorID = 1;
+    errorItemProps.component = null;
+    errorItemProps.name = "name";
+    errorItemProps.key = "key";
+    errorItemProps.tab = "tab";
+    errorItemProps.template = false;
+
+    const actionsMock = {
+      goToError: jest.fn(),
+      goToPackage: jest.fn(),
+    };
+
+    defaultProps.errors = [errorItemProps];
+    defaultProps.actions = actionsMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorCenter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const errorText = screen.queryByText("Go to package");
+    expect(errorText).toBeTruthy();
+  });
+
+  it("should render the component with getErrorItem showing 'Go to field'", () => {
+    errorItemProps.hasDeactivatedPackage = false;
+    errorItemProps.type = "alert";
+    errorItemProps.message = "un mensaje";
+    errorItemProps.editorID = 1;
+    errorItemProps.component = null;
+    errorItemProps.name = "name";
+    errorItemProps.key = "key";
+    errorItemProps.tab = "tab";
+    errorItemProps.template = false;
+
+    const actionsMock = {
+      goToError: jest.fn(),
+      goToPackage: jest.fn(),
+    };
+
+    defaultProps.errors = [errorItemProps];
+    defaultProps.actions = actionsMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorCenter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const errorText = screen.queryByText("Go to field");
+    expect(errorText).toBeTruthy();
+  });
+});
+
+describe("ErrorCenter component trigger actions", () => {
+  it("should trigger the onclick with getErrorItem showing 'Go to package'", () => {
+    errorItemProps.hasDeactivatedPackage = true;
+    errorItemProps.type = "warning";
+    errorItemProps.message = "un mensaje";
+    errorItemProps.editorID = 1;
+    errorItemProps.component = "HeroCard";
+    errorItemProps.name = "name";
+    errorItemProps.key = "key";
+    errorItemProps.tab = "tab";
+    errorItemProps.template = false;
+
+    const actionsMock = {
+      goToError: jest.fn(),
+      goToPackage: jest.fn(),
+    };
+
+    defaultProps.errors = [errorItemProps];
+    defaultProps.actions = actionsMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorCenter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const errorWrapper = screen.getByTestId("error-center-wrapper");
+    expect(errorWrapper).toBeTruthy();
+    fireEvent.click(errorWrapper);
+    expect(actionsMock.goToPackage).toBeCalled();
+  });
+
+  it("should trigger the onclick with getErrorItem showing 'Go to field'", () => {
+    errorItemProps.hasDeactivatedPackage = false;
+    errorItemProps.type = "alert";
+    errorItemProps.message = "un mensaje";
+    errorItemProps.editorID = 1;
+    errorItemProps.component = "HeroCard";
+    errorItemProps.name = "name";
+    errorItemProps.key = "key";
+    errorItemProps.tab = "tab";
+    errorItemProps.template = false;
+
+    const actionsMock = {
+      goToError: jest.fn(),
+      goToPackage: jest.fn(),
+    };
+
+    defaultProps.errors = [errorItemProps];
+    defaultProps.actions = actionsMock;
+
+    render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <ErrorCenter {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const errorWrapper = screen.getByTestId("error-center-wrapper");
+    expect(errorWrapper).toBeTruthy();
+    fireEvent.click(errorWrapper);
+    expect(actionsMock.goToError).toBeCalled();
+  });
+});

package/src/__tests__/components/Flag/Flag.test.tsx

@@ -0,0 +1,60 @@
+import * as React from "react";
+
+import { ThemeProvider } from "styled-components";
+import { render, cleanup } from "@testing-library/react";
+import { parseTheme } from "@ax/helpers";
+import "@testing-library/jest-dom";
+
+import Flag, { IStateProps } from "@ax/components/Flag";
+import globalTheme from "@ax/themes/theme.json";
+
+afterEach(cleanup);
+
+describe("Flag component rendering", () => {
+  it("should render the component", () => {
+    const defaultProps: IStateProps = {
+      name: "es",
+      size: "20",
+    };
+
+    const { container } = render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Flag {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const svgFlag = container.querySelector("svg");
+    expect(svgFlag).toBeTruthy();
+  });
+
+  it("should render the component with the lang passed", () => {
+    const defaultProps: IStateProps = {
+      name: "It_IT",
+      size: "20",
+    };
+
+    const { container } = render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Flag {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const svgFlag = container.querySelector("svg");
+    expect(svgFlag).toBeTruthy();
+  });
+
+  it("should return null if the lang doesn't exists", () => {
+    const defaultProps: IStateProps = {
+      name: "err",
+    };
+
+    const { container } = render(
+      <ThemeProvider theme={parseTheme(globalTheme)}>
+        <Flag {...defaultProps} />
+      </ThemeProvider>
+    );
+
+    const svgFlag = container.querySelector("svg");
+    expect(svgFlag).not.toBeTruthy();
+  });
+});