@truedat/audit 4.44.2 → 4.44.3

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

@@ -1,39 +1,30 @@
 import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallow } from "enzyme";
-import { Subscription, SubscriptionHeader } from "../Subscription";
+import { render } from "@truedat/test/render";
+import Subscription, { SubscriptionHeader } from "../Subscription";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(selector =>
-    selector({
-      subscriptionLoading: false,
-      subscription: {
-        subscriber: { type: "user" },
-        scope: {
-          events: ["event1"],
-          status: ["status1"]
-        }
-      }
-    })
-  )
-}));
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
+const renderOpts = {
+  state: {
+    subscriptionLoading: false,
+    subscription: {
+      subscriber: { type: "user" },
+      scope: {
+        events: ["event1"],
+        status: ["status1"],
+      },
+    },
+  },
+};
 
 describe("<Subscription />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<Subscription />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<Subscription />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });
 
 describe("<SubscriptionHeader />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<SubscriptionHeader />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<SubscriptionHeader />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,28 +1,20 @@
 import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import SubscriptionEdit from "../SubscriptionEdit";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(selector =>
-    selector({
-      creatingSubscription: false,
-      subscription: {
-        subscriber: { type: "user" }
-      }
-    })
-  )
-}));
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
+const renderOpts = {
+  state: {
+    creatingSubscription: false,
+    subscription: {
+      subscriber: { type: "user" },
+    },
+    templates: [],
+  },
+};
 
 describe("<SubscriptionEdit />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<SubscriptionEdit />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<SubscriptionEdit />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -6,107 +6,6 @@ import SubscriptionForm from "../SubscriptionForm";
 
 jest.setTimeout(20000);
 
-const messages = {
-  en: {
-    "actions.cancel": "actions.cancel",
-    "actions.submit": "actions.submit",
-    "concepts.search.placeholder": "concepts.search.placeholder",
-    "concepts.search.results.empty": "concepts.search.results.empty",
-    "domain.selector.placeholder": "domain.selector.placeholder",
-    "role.search.placeholder": "role.search.placeholder",
-    "structures.not_found.body": "structures.not_found.body",
-    "structures.not_found.header": "structures.not_found.header",
-    "structures.search.placeholder": "structures.search.placeholder",
-    "subscription.subscriber_type.email": "subscription.subscriber_type.email",
-    "subscription.subscriber_type.role": "subscription.subscriber_type.role",
-    "subscription.subscriber_type.user": "subscription.subscriber_type.user",
-    "subscription.subscriber_type.taxonomy_role":
-      "subscription.subscriber_type.taxonomy_role",
-    "subscriptions.events": "subscriptions.events",
-    "subscriptions.events.comment_created":
-      "subscriptions.events.comment_created",
-    "subscriptions.events.concept_deprecated":
-      "subscriptions.events.concept_deprecated",
-    "subscriptions.events.concept_published":
-      "subscriptions.events.concept_published",
-    "subscriptions.events.concept_rejected":
-      "subscriptions.events.concept_rejected",
-    "subscriptions.events.concept_rejection_canceled":
-      "subscriptions.events.concept_rejection_canceled",
-    "subscriptions.events.concept_submitted":
-      "subscriptions.events.concept_submitted",
-    "subscriptions.events.delete_concept_draft":
-      "subscriptions.events.delete_concept_draft",
-    "subscriptions.events.implementation_created": "Implementation created",
-    "subscriptions.events.ingest_sent_for_approval":
-      "subscriptions.events.ingest_sent_for_approval",
-    "subscriptions.events.new_concept_draft":
-      "subscriptions.events.new_concept_draft",
-    "subscriptions.events.grant_created": "subscriptions.events.grant_created",
-    "subscriptions.events.grant_deleted": "subscriptions.events.grant_deleted",
-    "subscriptions.events.relation_created":
-      "subscriptions.events.relation_created",
-    "subscriptions.events.relation_deleted":
-      "subscriptions.events.relation_deleted",
-    "subscriptions.events.relation_deprecated":
-      "subscriptions.events.relation_deprecated",
-    "subscriptions.events.rule_created": "Rule created",
-    "subscriptions.events.structure_note_deleted":
-      "subscriptions.events.structure_note_deleted",
-    "subscriptions.events.structure_note_deprecated":
-      "subscriptions.events.structure_note_deprecated",
-    "subscriptions.events.structure_note_draft":
-      "subscriptions.events.structure_note_draft",
-    "subscriptions.events.structure_note_pending_approval":
-      "subscriptions.events.structure_note_pending_approval",
-    "subscriptions.events.structure_note_published":
-      "subscriptions.events.structure_note_published",
-    "subscriptions.events.structure_note_rejected":
-      "subscriptions.events.structure_note_rejected",
-    "subscriptions.events.structure_note_versioned":
-      "subscriptions.events.structure_note_versioned",
-    "subscriptions.events.rule_result_created":
-      "subscriptions.events.rule_result_created",
-    "subscriptions.events.structure_tag_link_deleted":
-      "subscriptions.events.structure_tag_link_deleted",
-    "subscriptions.events.structure_tag_link_updated":
-      "subscriptions.events.structure_tag_link_updated",
-    "subscriptions.events.structure_tag_linked":
-      "subscriptions.events.structure_tag_linked",
-    "subscriptions.events.update_concept_draft":
-      "subscriptions.events.update_concept_draft",
-    "subscriptions.periodicity": "subscriptions.periodicity",
-    "subscriptions.periodicity.daily": "subscriptions.periodicity.daily",
-    "subscriptions.periodicity.hourly": "subscriptions.periodicity.hourly",
-    "subscriptions.periodicity.minutely": "subscriptions.periodicity.minutely",
-    "subscriptions.resource": "subscriptions.resource",
-    "subscriptions.resource.type.concept":
-      "subscriptions.resource.type.concept",
-    "subscriptions.resource.type.data_structure":
-      "subscriptions.resource.type.data_structure",
-    "subscriptions.resource.type.domain": "subscriptions.resource.type.domain",
-    "subscriptions.resource.type.domains":
-      "subscriptions.resource.type.domains",
-    "subscriptions.resource.type.rule": "subscriptions.resource.type.rule",
-    "subscriptions.resource.type.source": "subscriptions.resource.type.source",
-    "subscriptions.selectFilters": "subscriptions.selectFilters",
-    "subscriptions.status": "subscriptions.status",
-    "subscriptions.status.fail": "subscriptions.status.fail",
-    "subscriptions.status.success": "subscriptions.status.success",
-    "subscriptions.status.warn": "subscriptions.status.warn",
-    "subscriptions.subscriber": "subscriptions.subscriber",
-    "subscriptions.template.field": "subscriptions.template.field",
-    "subscriptions.template.field.placeholder":
-      "subscriptions.template.field.placeholder",
-    "subscriptions.template.field.value": "subscriptions.template.field.value",
-    "subscriptions.template.field.value.placeholder":
-      "subscriptions.template.field.value.placeholder",
-    "subscriptions.template.label": "subscriptions.template.label",
-    "subscriptions.template.placeholder": "subscriptions.template.placeholder",
-    "user.search.placeholder": "user.search.placeholder",
-  },
-};
-
 const conceptActiveFilters = {};
 const structureActiveFilters = {};
 const domains = [
@@ -146,15 +45,12 @@ const state = {
   conceptActiveFilters,
   structureActiveFilters,
 };
-const renderOpts = {
-  messages,
-  state,
-};
+const renderOpts = { state };
 
 describe("<SubscriptionForm />", () => {
   it("matches the latest snapshot", async () => {
     const { container, findByRole } = render(<SubscriptionForm />, renderOpts);
-    await findByRole("button", { name: /submit/ });
+    await findByRole("button", { name: "Save" });
     expect(container).toMatchSnapshot();
   });
 
@@ -166,78 +62,77 @@ describe("<SubscriptionForm />", () => {
       renderOpts
     );
     await waitFor(() => {
-      expect(getByRole("button", { name: /submit/ })).toBeDisabled();
+      expect(getByRole("button", { name: "Save" })).toBeDisabled();
     });
 
     // Select role
-    userEvent.click(await findByText(/subscriber_type\.role/));
+    userEvent.click(await findByText("Role"));
     await waitFor(() => {
-      expect(queryByText("role.search.placeholder")).toBeTruthy();
+      expect(queryByText(/Search Roles/)).toBeTruthy();
     });
-    userEvent.click(await findByText(/role2/));
+    userEvent.click(await findByText("role2"));
 
     // Select email
-    userEvent.click(await findByText(/subscriber_type\.email/));
+    userEvent.click(await findByText("Email"));
     await waitFor(() => {
       expect(queryByTestId("email-input")).toBeTruthy();
     });
     userEvent.type(queryByTestId("email-input"), "foo");
 
     // Select concept and taxonomy_role
-    userEvent.click(await findByText(/resource\.type\.concept/));
+    userEvent.click(await findByText("Concept"));
     await waitFor(() => {
-      expect(queryByText("concepts.search.results.empty")).toBeTruthy();
+      expect(queryByText("No concepts found")).toBeTruthy();
     });
 
-    userEvent.click(await findByText(/subscriber_type\.taxonomy_role/));
+    userEvent.click(await findByText("Role in taxonomy"));
     await waitFor(() => {
-      expect(queryByText("role.search.placeholder")).toBeTruthy();
+      expect(queryByText(/Search Roles/)).toBeTruthy();
     });
     await waitFor(() => {
-      expect(queryByText("concepts.search.results.empty")).toBeFalsy();
+      expect(queryByText("No concepts found")).toBeFalsy();
     });
-    userEvent.click(await findByText(/role2/));
+    userEvent.click(await findByText("role2"));
 
     // Select user
-    userEvent.click(await findByText(/subscriber_type\.user/));
+    userEvent.click(await findByText("User"));
     await waitFor(() => {
-      expect(queryByText("user.search.placeholder")).toBeTruthy();
+      expect(queryByText(/Search users/)).toBeTruthy();
     });
-    userEvent.click(await findByText(/user2/));
+    userEvent.click(await findByText("user2"));
 
     // Test concepts
-    userEvent.click(await findByText(/resource\.type\.concept/));
+    userEvent.click(await findByText("Concept"));
     await waitFor(() => {
-      expect(queryByText("concepts.search.results.empty")).toBeTruthy();
+      expect(queryByText("No concepts found")).toBeTruthy();
     });
 
     // Test structures
-    userEvent.click(await findByText(/resource\.type\.data_structure/));
+    userEvent.click(await findByText("Structure"));
     await waitFor(() => {
-      expect(queryByText("structures.not_found.body")).toBeTruthy();
+      expect(
+        queryByText("No structures have been found matching these filters.")
+      ).toBeTruthy();
     });
 
     // Select domains
-    userEvent.click(await findByText(/resource\.type\.domains/));
+    userEvent.click(await findByText("Domain and children"));
     await waitFor(() => {
-      expect(queryByText("domain.selector.placeholder")).toBeTruthy();
+      expect(queryByText(/Select a domain/)).toBeTruthy();
     });
 
-    userEvent.click(await findByText(/domain1/));
-
-    userEvent.click(await findByText(/subscriptions.periodicity.daily/));
-    userEvent.click(
-      await findByText(/subscriptions.events.rule_result_created/)
-    );
-    userEvent.click(await findByText(/subscriptions.status.success/));
+    userEvent.click(await findByText("domain1"));
+    userEvent.click(await findByText("Daily"));
+    userEvent.click(await findByText("Rule result created"));
+    userEvent.click(await findByText("Goal"));
 
     await waitFor(() => {
-      expect(getByRole("button", { name: /submit/ })).toBeEnabled();
+      expect(getByRole("button", { name: "Save" })).toBeEnabled();
     });
 
     // Submit
     await waitFor(() => {
-      userEvent.click(getByRole("button", { name: /submit/ }));
+      userEvent.click(getByRole("button", { name: "Save" }));
     });
 
     await waitFor(() =>
@@ -265,58 +160,58 @@ describe("<SubscriptionForm />", () => {
     );
 
     await waitFor(() => {
-      expect(getByRole("button", { name: /submit/ })).toBeDisabled();
+      expect(getByRole("button", { name: "Save" })).toBeDisabled();
     });
 
     // Select role
-    userEvent.click(await findByText(/subscriber_type\.role/));
+    userEvent.click(await findByText("Role"));
     await waitFor(() => {
-      expect(queryByText("role.search.placeholder")).toBeTruthy();
+      expect(queryByText(/Search Roles/)).toBeTruthy();
     });
-    userEvent.click(await findByText(/role2/));
+    userEvent.click(await findByText("role2"));
 
     // Select email
-    userEvent.click(await findByText(/subscriber_type\.email/));
+    userEvent.click(await findByText("Email"));
     await waitFor(() => {
       expect(queryByTestId("email-input")).toBeTruthy();
     });
     userEvent.type(queryByTestId("email-input"), "foo");
 
     // Select user
-    userEvent.click(await findByText(/subscriber_type\.user/));
+    userEvent.click(await findByText("User"));
     await waitFor(() => {
-      expect(queryByText("user.search.placeholder")).toBeTruthy();
+      expect(queryByText(/Search users/)).toBeTruthy();
     });
-    userEvent.click(await findByText(/user2/));
+    userEvent.click(await findByText("user2"));
 
     // Test concepts
-    userEvent.click(await findByText(/resource\.type\.concept/));
+    userEvent.click(await findByText("Concept"));
     await waitFor(() => {
-      expect(queryByText("concepts.search.results.empty")).toBeTruthy();
+      expect(queryByText("No concepts found")).toBeTruthy();
     });
 
     // Select domains
-    userEvent.click(await findByText(/resource\.type\.domains/));
+    userEvent.click(await findByText("Domain and children"));
     await waitFor(() => {
-      expect(queryByText("domain.selector.placeholder")).toBeTruthy();
+      expect(queryByText(/Select a domain/)).toBeTruthy();
     });
 
-    userEvent.click(await findByText(/domain1/));
+    userEvent.click(await findByText("domain1"));
 
-    userEvent.click(await findByText(/subscriptions.periodicity.daily/));
-    userEvent.click(await findByText(/subscriptions.events.comment_created/));
-    userEvent.click(await queryByText(/subscriptions.selectFilters/));
-    userEvent.click(await findByText(/Foo/));
-    userEvent.click(await findByText(/Xyz/));
-    userEvent.click(await findByText(/baz/));
+    userEvent.click(await findByText("Daily"));
+    userEvent.click(await findByText("Comment created"));
+    userEvent.click(await queryByText("Filters to subscription"));
+    userEvent.click(await findByText("Foo"));
+    userEvent.click(await findByText("Xyz"));
+    userEvent.click(await findByText("baz"));
 
     await waitFor(() => {
-      expect(getByRole("button", { name: /submit/ })).toBeEnabled();
+      expect(getByRole("button", { name: "Save" })).toBeEnabled();
     });
 
     // Submit
     await waitFor(() => {
-      userEvent.click(getByRole("button", { name: /submit/ }));
+      userEvent.click(getByRole("button", { name: "Save" }));
     });
 
     await waitFor(() =>

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

@@ -1,20 +1,12 @@
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import SubscriptionLoader from "../SubscriptionLoader";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(selector => selector({ subscriptionsLoading: false }))
-}));
-jest.mock("react-router-dom", () => ({
-  ...jest.requireActual("react-router-dom"),
-  useParams: () => ({ id: 1 })
-}));
+const renderOpts = { state: { subscriptionLoading: true } };
 
 describe("<SubscriptionLoader />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<SubscriptionLoader />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<SubscriptionLoader />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,21 +1,14 @@
 import React from "react";
-import { intl } from "@truedat/test/intl-stub";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import SubscriptionNew from "../SubscriptionNew";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(selector => selector({ creatingSubscription: false }))
-}));
-
-// workaround for enzyme issue with React.useContext
-// see https://github.com/airbnb/enzyme/issues/2176#issuecomment-532361526
-jest.spyOn(React, "useContext").mockImplementation(() => intl);
+const renderOpts = {
+  state: { templates: [] },
+};
 
 describe("<SubscriptionNew />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<SubscriptionNew />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<SubscriptionNew />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,51 +1,39 @@
 import React from "react";
-import { shallow } from "enzyme";
-import { Subscriptions, SubscriptionsHeader } from "../Subscriptions";
+import { render } from "@truedat/test/render";
+import Subscriptions, { SubscriptionsHeader } from "../Subscriptions";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useSelector: jest.fn((selector) =>
-    selector({
-      users: [{ full_name: "test1", id: 1 }],
-      subscriptions: [
-        {
-          id: 1,
-          scope: { resource_type: "domain" },
-          periodicity: "hourly",
-          subscriber: { id: 3, type: "user" },
-          resource: { id: 2, name: "resource" },
-        },
-        {
-          id: 2,
-          scope: { resource_type: "data_structure" },
-          periodicity: "minutely",
-          subscriber: { id: 4, type: "user" },
-          resource: { id: 3, name: "bar" },
-        },
-      ],
-    })
-  ),
-}));
-
-const mockHistory = {
-  goBack: jest.fn(),
+const renderOpts = {
+  state: {
+    subscriptions: [
+      {
+        id: 1,
+        scope: { resource_type: "domain" },
+        periodicity: "hourly",
+        subscriber: { id: 3, type: "user" },
+        resource: { id: 2, name: "resource" },
+      },
+      {
+        id: 2,
+        scope: { resource_type: "data_structure" },
+        periodicity: "minutely",
+        subscriber: { id: 4, type: "user" },
+        resource: { id: 3, name: "bar" },
+      },
+    ],
+    users: [{ full_name: "test1", id: 1 }],
+  },
 };
 
-jest.mock("react-router-dom", () => ({
-  ...jest.requireActual("react-router-dom"),
-  useHistory: () => mockHistory,
-}));
-
 describe("<Subscriptions />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<Subscriptions />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<Subscriptions />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });
 
 describe("<SubscriptionsHeader />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<SubscriptionsHeader />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<SubscriptionsHeader />, renderOpts);
+    expect(container).toMatchSnapshot();
   });
 });

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

@@ -1,16 +1,17 @@
 import React from "react";
-import { shallow } from "enzyme";
+import { render } from "@truedat/test/render";
 import SubscriptionsLoader from "../SubscriptionsLoader";
 
-jest.mock("react-redux", () => ({
-  ...jest.requireActual("react-redux"),
-  useDispatch: jest.fn(),
-  useSelector: jest.fn(selector => selector({ subscriptionsLoading: false }))
-}));
-
 describe("<SubscriptionsLoader />", () => {
   it("matches the latest snapshot", () => {
-    const wrapper = shallow(<SubscriptionsLoader />);
-    expect(wrapper).toMatchSnapshot();
+    const { container } = render(<SubscriptionsLoader />, {});
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot (loading)", () => {
+    const { container } = render(<SubscriptionsLoader loading />, {
+      state: { subscriptionsLoading: true },
+    });
+    expect(container).toMatchSnapshot();
   });
 });

package/src/components/__tests__/__snapshots__/NotificationEvent.spec.js.snap

@@ -1,50 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<NotificationEvent /> matches the latest snapshot 1`] = `
-<div
-  className="notification-item unread"
->
-  <h4>
-    <Label
-      basic={true}
-      color="orange"
-      size="mini"
-    >
-      <MemoizedFormattedMessage
-        id="notifications.new"
-      />
-    </Label>
-    <MemoizedFormattedMessage
-      id="notifications.events.comments"
-    />
-  </h4>
-  <p>
-    event name
-  </p>
-  <Label>
-    <MemoizedFormattedMessage
-      id="subscriptions.events.comment_created"
-    />
-  </Label>
-  <t
-    ago={false}
-    calendar={false}
-    decimal={false}
-    element={null}
-    filter={[Function]}
-    fromNow={true}
-    interval={60000}
-    local={false}
-    locale="en"
-    onChange={[Function]}
-    titleFormat=""
-    toNow={false}
-    unit={null}
-    unix={false}
-    utc={false}
-    withTitle={false}
+<div>
+  <div
+    class="notification-item unread"
   >
-    <Component />
-  </t>
+    <h4>
+      <div
+        class="ui orange mini basic label"
+      >
+        New
+      </div>
+      🖋 Alert: New comments added
+    </h4>
+    <p>
+      event name
+    </p>
+    <div
+      class="ui label"
+    >
+      Comment created
+    </div>
+    <time
+      datetime="1577836800000"
+    >
+      2 years ago
+    </time>
+  </div>
 </div>
 `;