@truedat/dd 4.48.12 → 4.49.1

package/src/components/__tests__/LinkStructureTagForm.spec.js

@@ -1,184 +0,0 @@
-import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { render, waitFor } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { LinkStructureTagForm } from "../LinkStructureTagForm";
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
-
-describe("<LinkStructureTagForm />", () => {
-  const deleteLinkStructureTag = jest.fn();
-  const linkStructureTag = jest.fn();
-  const structureTags = [
-    { id: 1, name: "Tag1", description: "description test" },
-    { id: 2, name: "Tag2", description: "large desc".repeat(5) },
-    { id: 3, name: "Tag without description" },
-  ];
-  const linkedStructureTags = [
-    {
-      id: 1,
-      comment: "foo",
-      inserted_at: "foo",
-      updated_at: "foo",
-      _embedded: {
-        data_structure: { id: 1, external_id: "baz" },
-        data_structure_tag: { ...structureTags[2] },
-      },
-    },
-  ];
-
-  const comment = "foo";
-  const structureId = 1;
-  const tagId = 3;
-  const linkId = 1;
-
-  const propsCreate = {
-    deleteLinkStructureTag,
-    linkedStructureTags,
-    linkStructureTag,
-    structureId,
-    structureTags,
-  };
-
-  const propsUpdate = {
-    deleteLinkStructureTag,
-    comment,
-    linkedStructureTags,
-    linkId,
-    linkStructureTag,
-    structureId,
-    structureTags,
-    tagId,
-  };
-
-  it("matches the latest snapshot create", async () => {
-    const { container, findByRole } = render(
-      <LinkStructureTagForm {...propsCreate} />
-    );
-    await findByRole("button", { name: /add/ });
-    expect(container).toMatchSnapshot();
-  });
-
-  it("matches the latest snapshot edit", async () => {
-    const { container, findByRole } = render(
-      <LinkStructureTagForm {...propsUpdate} />
-    );
-    await findByRole("button", { name: /edit/ });
-    await findByRole("button", { name: /delete/ });
-    expect(container).toMatchSnapshot();
-  });
-
-  it("matches the latest snapshot create without comment", async () => {
-    const linkedStructureTagWithoutComment = {
-      ...linkedStructureTags[0],
-    };
-    delete linkedStructureTagWithoutComment.comment;
-
-    const propsCreateWithoutComment = {
-      ...propsCreate,
-      linkedStructureTags: [linkedStructureTagWithoutComment],
-    };
-
-    const { container, getByRole, findByText } = render(
-      <LinkStructureTagForm {...propsCreateWithoutComment} />
-    );
-
-    // Select tag
-    userEvent.click(await findByText("Tag2"));
-
-    await waitFor(() =>
-      expect(getByRole("button", { name: /add/ })).not.toBeDisabled()
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  it("create button enabled if there is only one tag available", async () => {
-    const propsCreateWithOneStrutureTagAvailable = {
-      ...propsCreate,
-      structureTags: [structureTags[1], structureTags[2]],
-    };
-
-    const { container, getByRole } = render(
-      <LinkStructureTagForm {...propsCreateWithOneStrutureTagAvailable} />
-    );
-    await waitFor(() =>
-      expect(getByRole("button", { name: /add/ })).not.toBeDisabled()
-    );
-    expect(container).toMatchSnapshot();
-  });
-
-  it("Tag dropdown show tag description", async () => {
-    const { getByText } = render(<LinkStructureTagForm {...propsCreate} />);
-    await waitFor(() =>
-      expect(getByText("description test")).toBeInTheDocument()
-    );
-  });
-
-  it("Tag dropdown with tag with large description show ellipsis", async () => {
-    const { getByText } = render(<LinkStructureTagForm {...propsCreate} />);
-
-    const tagElement = getByText("Tag2");
-
-    await waitFor(() => expect(tagElement).toBeInTheDocument());
-
-    const descriptionElement = tagElement.parentElement.firstElementChild;
-
-    expect(descriptionElement).toHaveClass("description");
-  });
-
-  it("calls ", async () => {
-    const { queryByTestId, findByRole, findByText, getByRole } = render(
-      <LinkStructureTagForm {...{ ...propsCreate, linkedStructureTags: [] }} />
-    );
-
-    // Submit button should initially be disabled
-    await waitFor(() =>
-      expect(getByRole("button", { name: /add/ })).toBeDisabled()
-    );
-
-    // Select tag
-    userEvent.click(await findByText("Tag1"));
-
-    // Submit button should now be enabled
-    await waitFor(() =>
-      expect(getByRole("button", { name: /add/ })).not.toBeDisabled()
-    );
-
-    // Description
-    // Issue: https://github.com/testing-library/user-event/issues/346
-    userEvent.type(queryByTestId("comment-id"), "x");
-    userEvent.type(queryByTestId("comment-id"), "yz");
-
-    userEvent.click(await findByRole("button", { name: /add/ }));
-
-    await waitFor(() =>
-      expect(linkStructureTag).toHaveBeenCalledWith({
-        structureId,
-        tagId: 1,
-        tag: { comment: "xyz" },
-      })
-    );
-  });
-
-  it("calls deleteLinkStructureTag on delete", async () => {
-    const { findByRole, getByRole } = render(
-      <LinkStructureTagForm {...propsUpdate} />
-    );
-
-    // Delete button should be enabled
-    await waitFor(() =>
-      expect(getByRole("button", { name: /delete/ })).not.toBeDisabled()
-    );
-
-    userEvent.click(await findByRole("button", { name: /delete/ }));
-
-    await waitFor(() =>
-      expect(deleteLinkStructureTag).toHaveBeenCalledWith({
-        structureId,
-        tagId,
-      })
-    );
-  });
-});

package/src/components/__tests__/LinkedStructureTag.spec.js

@@ -1,133 +0,0 @@
-import React from "react";
-import { render } from "@truedat/test/render";
-import { waitFor, fireEvent } from "@testing-library/react";
-import { LinkedStructureTag } from "../LinkedStructureTag";
-
-describe("<LinkedStructureTag />", () => {
-  const structureTags = [
-    { id: 1, name: "Tag1", description: "description test" },
-    { id: 2, name: "Tag2", description: "large desc".repeat(5) },
-    { id: 3, name: "Tag without description" },
-  ];
-
-  const props = {
-    id: 1,
-    _embedded: {
-      data_structure: { id: 1, external_id: "baz" },
-      data_structure_tag: { ...structureTags[2] },
-    },
-    editable: true,
-    comment: "foo comment",
-    loading: false,
-    structureTags,
-  };
-
-  const state = {
-    editableStructureTags: structureTags,
-    linkingStructureTags: false,
-    deletingStructureTags: false,
-  };
-
-  const renderOpts = {
-    state,
-  };
-
-  it("matches the latest snapshot", () => {
-    const { container } = render(<LinkedStructureTag {...props} />, renderOpts);
-    expect(container).toMatchSnapshot();
-  });
-
-  it("Show update modal when click in tad edit icon", async () => {
-    const { getByText, container } = render(
-      <LinkedStructureTag {...props} />,
-      renderOpts
-    );
-    fireEvent.click(container.getElementsByClassName("edit")[0]);
-    await waitFor(() => expect(getByText("Tag1")).toBeTruthy());
-  });
-
-  it("Show tooltip with description and comment", async () => {
-    const tagWithDescriptionProps = {
-      ...props,
-      _embedded: {
-        ...props._embedded,
-        data_structure_tag: { ...structureTags[0] },
-      },
-    };
-
-    const { getByText } = render(
-      <LinkedStructureTag {...tagWithDescriptionProps} />,
-      renderOpts
-    );
-
-    fireEvent.mouseEnter(getByText("Tag1"));
-
-    await waitFor(() => expect(getByText("Comment")).toBeTruthy());
-    await waitFor(() => expect(getByText("foo comment")).toBeTruthy());
-    await waitFor(() =>
-      expect(getByText(structureTags[0].description)).toBeTruthy()
-    );
-  });
-
-  it("Show tooltip with description", async () => {
-    const tagWithDescriptionWithoutCommentProps = {
-      ...props,
-      _embedded: {
-        ...props._embedded,
-        data_structure_tag: { ...structureTags[0] },
-      },
-      comment: undefined,
-    };
-
-    const { getByText, queryByText } = render(
-      <LinkedStructureTag {...tagWithDescriptionWithoutCommentProps} />,
-      renderOpts
-    );
-
-    fireEvent.mouseEnter(getByText("Tag1"));
-
-    await waitFor(() => expect(queryByText("Comment")).toBeNull());
-    await waitFor(() => expect(queryByText("foo comment")).toBeNull());
-    await waitFor(() =>
-      expect(getByText(structureTags[0].description)).toBeTruthy()
-    );
-  });
-
-  it("Show tooltip with comment", async () => {
-    const { getByText, queryByText } = render(
-      <LinkedStructureTag {...props} />,
-      renderOpts
-    );
-    fireEvent.mouseEnter(getByText("Tag without description"));
-
-    await waitFor(() => expect(getByText("Comment")).toBeTruthy());
-    await waitFor(() => expect(getByText("foo comment")).toBeTruthy());
-    await waitFor(() =>
-      expect(queryByText(structureTags[0].description)).toBeNull()
-    );
-  });
-
-  it("Tooltip not show without description and without comment", async () => {
-    const tagWithoutDescriptionWithoutComment = {
-      ...props,
-      comment: undefined,
-    };
-
-    const { getByText, queryByText, container } = render(
-      <LinkedStructureTag {...tagWithoutDescriptionWithoutComment} />,
-      renderOpts
-    );
-
-    fireEvent.mouseEnter(getByText("Tag without description"));
-
-    await waitFor(() => expect(queryByText("Comment")).toBeNull());
-    await waitFor(() => expect(queryByText("foo comment")).toBeNull());
-    await waitFor(() =>
-      expect(queryByText(structureTags[0].description)).toBeNull()
-    );
-
-    await waitFor(() =>
-      expect(container.getElementsByClassName("popup")).toHaveLength(0)
-    );
-  });
-});

package/src/components/__tests__/StructureTags.spec.js

@@ -1,14 +0,0 @@
-import React from "react";
-import { render } from "@truedat/test/render";
-import StructureTags from "../StructureTags";
-import en from "../../messages/en";
-
-const messages = { en };
-const renderOpts = { messages };
-
-describe("<StructureTags />", () => {
-  it("matches the latest snapshot", () => {
-    const { container } = render(<StructureTags />, renderOpts);
-    expect(container).toMatchSnapshot();
-  });
-});

package/src/components/__tests__/StructureTagsCrumbs.spec.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import { StructureTagsCrumbs } from "../StructureTagsCrumbs";
-
-describe("<StructureTagsCrumbs />", () => {
-  const structureTag = { id: 1, name: "doc" };
-
-  it("matches the latest snapshot", () => {
-    const props = { structureTag };
-    const wrapper = shallow(<StructureTagsCrumbs {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-});