@truedat/core 4.44.2 → 4.44.5

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

@@ -0,0 +1,80 @@
+import React from "react";
+import { waitForElementToBeRemoved } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { render } from "@truedat/test/render";
+import {
+  errorTemplateMock,
+  multipleTemplatesMock,
+  singleTemplateMock,
+} from "@truedat/test/mocks";
+import TemplateSelector from "../TemplateSelector";
+
+const scope = "foo";
+const domainIds = [1];
+const variables = { scope, domainIds };
+
+describe("<TemplateSelector />", () => {
+  const onChange = jest.fn();
+  const props = { onChange, domainIds, scope };
+
+  it("matches the latest snapshot (loading)", () => {
+    const renderOpts = { mocks: [multipleTemplatesMock(variables)] };
+    const { container, queryByText } = render(
+      <TemplateSelector {...props} />,
+      renderOpts
+    );
+    expect(queryByText(/loading/i)).toBeInTheDocument();
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot", async () => {
+    const renderOpts = { mocks: [multipleTemplatesMock(variables)] };
+    const onLoad = jest.fn();
+    const { container, queryByText } = render(
+      <TemplateSelector {...props} onLoad={onLoad} />,
+      renderOpts
+    );
+    await waitForElementToBeRemoved(() => queryByText(/loading/i));
+    expect(queryByText("template1")).toBeInTheDocument();
+    expect(container).toMatchSnapshot();
+    expect(onLoad.mock.calls.length).toBe(1);
+  });
+
+  it("matches the latest snapshot when required", async () => {
+    const renderOpts = { mocks: [multipleTemplatesMock(variables)] };
+    const { container, queryByText } = render(
+      <TemplateSelector {...props} required />,
+      renderOpts
+    );
+    await waitForElementToBeRemoved(() => queryByText(/loading/i));
+    expect(queryByText("template1")).toBeInTheDocument();
+    expect(container).toMatchSnapshot();
+  });
+
+  it("is empty if templates query returns an error", async () => {
+    const renderOpts = { mocks: [errorTemplateMock(variables)] };
+    const { queryByText } = render(
+      <TemplateSelector {...props} required />,
+      renderOpts
+    );
+    await waitForElementToBeRemoved(() => queryByText(/loading/i));
+    expect(queryByText("template1")).not.toBeInTheDocument();
+  });
+
+  it("calls onChange when template is selected", async () => {
+    const renderOpts = { mocks: [multipleTemplatesMock(variables)] };
+    const { findByRole } = render(<TemplateSelector {...props} />, renderOpts);
+
+    userEvent.click(await findByRole("option", { name: "template1" }));
+    expect(onChange.mock.calls[0][1]).toMatchObject({
+      template: { id: "1", label: "template1" },
+    });
+  });
+
+  it("is empty when query returns a single template", async () => {
+    const renderOpts = { mocks: [singleTemplateMock(variables)] };
+    const { queryByText } = render(<TemplateSelector {...props} />, renderOpts);
+    await waitForElementToBeRemoved(() => queryByText(/loading/i));
+    expect(queryByText("template1")).not.toBeInTheDocument();
+  });
+});

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<AdminMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="setting"
   items={
     Array [

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

@@ -68,6 +68,19 @@ exports[`<CatalogMenu /> matches the latest snapshot 1`] = `
             structureTags
           </span>
         </a>
+        <a
+          aria-checked="false"
+          class="item"
+          href="/referenceDatasets"
+          name="referenceData"
+          role="option"
+        >
+          <span
+            class="text"
+          >
+            referenceData
+          </span>
+        </a>
         <a
           aria-checked="false"
           class="item"

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

@@ -1,18 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<DashboardMenu /> matches the latest snapshot 1`] = `
-<Submenu
-  icon="chart line"
-  items={
-    Array [
-      Object {
-        "name": "dashboard",
-        "routes": Array [
-          "/dashboard",
-        ],
-      },
-    ]
-  }
-  name="dashboard"
-/>
-`;
+exports[`<DashboardMenu /> matches the latest snapshot 1`] = `<div />`;

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

@@ -1,23 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<DateTime /> matches the latest snapshot 1`] = `
-<t
-  ago={false}
-  calendar={false}
-  date="2018-06-27T07:32:53.154377Z"
-  decimal={false}
-  element={null}
-  filter={[Function]}
-  format="YYYY-MM-DD HH:mm"
-  fromNow={false}
-  interval={60000}
-  local={false}
-  onChange={[Function]}
-  titleFormat=""
-  toNow={false}
-  unit={null}
-  unix={false}
-  utc={false}
-  withTitle={false}
-/>
+<div>
+  <time
+    datetime="1530084773154"
+  >
+    2018-06-27 07:32
+  </time>
+</div>
 `;

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<GlossaryMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="tags"
   items={
     Array [

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<GrantMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="key"
   items={
     Array [

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<IngestMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="hdd outline"
   items={
     Array [

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<LineageMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="shuffle"
   items={
     Array [

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<MembersMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="users"
   items={
     Array [

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

@@ -1,30 +1,64 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<QualityMenu /> matches the latest snapshot 1`] = `
-<Submenu
-  icon="check square"
-  items={
-    Array [
-      Object {
-        "name": "rules",
-        "routes": Array [
-          "/rules",
-        ],
-      },
-      Object {
-        "name": "implementations",
-        "routes": Array [
-          "/implementations",
-        ],
-      },
-      Object {
-        "name": "quality_dashboard",
-        "routes": Array [
-          "/quality_dashboard",
-        ],
-      },
-    ]
-  }
-  name="quality"
-/>
+<div>
+  <div
+    class="active"
+  >
+    <div
+      aria-expanded="false"
+      class="ui item dropdown active"
+      role="listbox"
+      tabindex="0"
+    >
+      <a
+        class="ui"
+        href="/rules"
+      >
+        <i
+          aria-hidden="true"
+          class="check square large icon"
+        />
+      </a>
+      <div
+        class="menu transition"
+      >
+        <div
+          class="header selectable"
+        >
+          Data Quality
+        </div>
+        <div
+          class="divider"
+        />
+        <a
+          aria-checked="true"
+          class="active item"
+          href="/rules"
+          name="rules"
+          role="option"
+        >
+          <span
+            class="text"
+          >
+            Quality Rules
+          </span>
+        </a>
+        <a
+          aria-checked="true"
+          class="active item"
+          href="/implementations"
+          name="implementations"
+          role="option"
+        >
+          <span
+            class="text"
+          >
+            Implementations
+          </span>
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
 `;

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<SearchMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="search"
   items={
     Array [

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

@@ -1,38 +1,66 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<SideMenu /> matches the latest snapshot 1`] = `
-<SidebarPushable>
-  <Sidebar
-    animation="push"
-    as={[Function]}
-    direction="left"
-    icon={false}
-    target={null}
-    vertical={true}
-    visible={true}
-    width={null}
+<div>
+  <div
+    class="pushable"
   >
-    <SearchMenu />
-    <GlossaryMenu />
-    <CatalogMenu />
-    <GrantMenu />
-    <QualityMenu />
-    <LineageMenu />
-    <IngestMenu />
-    <DashboardMenu />
-    <TaxonomyMenu />
-    <MembersMenu />
-    <AdminMenu />
-    <Connect(SidebarToggle)
-      animation="push"
-    />
-  </Sidebar>
-  <SidebarPusher
-    content={
+    <div
+      class="ui vertical ui push left visible sidebar menu"
+    >
+      <div>
+        <div
+          aria-expanded="false"
+          class="ui item dropdown"
+          role="listbox"
+          tabindex="0"
+        >
+          <a
+            class="ui"
+            href="/search"
+          >
+            <i
+              aria-hidden="true"
+              class="search large icon"
+            />
+            Search
+          </a>
+          <div
+            class="menu transition"
+          >
+            <a
+              aria-checked="false"
+              class="item"
+              href="/search"
+              name="search"
+              role="option"
+            >
+              <span
+                class="text"
+              >
+                Search
+              </span>
+            </a>
+          </div>
+        </div>
+      </div>
+      <a
+        class="item bottom"
+      >
+        <i
+          aria-hidden="true"
+          class="angle double left large icon"
+        />
+        Collapse sidebar
+      </a>
+    </div>
+    <div
+      class="pusher"
+    >
       <p>
         Hello
       </p>
-    }
-  />
-</SidebarPushable>
+    </div>
+  </div>
+</div>
 `;

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

@@ -1,43 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Submenu /> matches the latest snapshot 1`] = `
-<MenuItem
-  active={true}
-  as="div"
-  className="selectable"
-  onClick={[Function]}
->
-  <Link
-    to="/foo"
+<div>
+  <div
+    class="active item selectable"
   >
-    <Icon
-      as="i"
-      size="large"
-    />
-    <MemoizedFormattedMessage
-      id="sidemenu.undefined"
-    />
-  </Link>
-  <MenuMenu>
-    <MenuItem
-      key="0"
-      name="foo"
-      routes={
-        Array [
-          "/foo",
-          "/bar",
-        ]
-      }
-    />
-    <MenuItem
-      key="1"
-      name="baz"
-      routes={
-        Array [
-          "/baz",
-        ]
-      }
-    />
-  </MenuMenu>
-</MenuItem>
+    <a
+      href="/foo"
+    >
+      <i
+        aria-hidden="true"
+        class="large icon"
+      />
+      foo
+    </a>
+    <div
+      class="menu"
+    >
+      <a
+        class="active link item"
+        href="/foo"
+      >
+        foo
+      </a>
+      <a
+        class="link item"
+        href="/baz"
+      >
+        baz
+      </a>
+    </div>
+  </div>
+</div>
 `;

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

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<TaxonomyMenu /> matches the latest snapshot 1`] = `
-<Submenu
+<Connect(Submenu)
   icon="sitemap"
   items={
     Array [