@truedat/cx 7.5.9 → 7.5.11

package/src/sources/components/__tests__/SourcesTable.spec.js

@@ -1,77 +1,60 @@
-import React from "react";
-import { render } from "@truedat/test/render";
+import { render, waitForLoad } from "@truedat/test/render";
 import { SourcesTable } from "../SourcesTable";
 
-const renderOpts = {
-  messages: {
-    en: {
-      "source.disabled": "disabled",
-      "source.external_id": "external_id",
-      "source.latestEvent.insertedAt": "eventInsertedAt",
-      "source.latestEvent.message": "eventMessage",
-      "source.latestEvent.type": "eventType",
-      "source.status": "status",
-      "source.type": "type",
-      "sources.count": "{count} sources found",
+const sources = [
+  {
+    id: "1",
+    externalId: "con_url",
+    type: "a",
+    config: {
+      a: { value: "aaa", origin: "user" },
+      lista: { value: ["bbb", "ddd"], origin: "user" },
+      url_cx: {
+        value: [{ url_name: "google", url_value: "https://google.es" }],
+        origin: "user",
+      },
     },
   },
-};
+  { id: "2", externalId: "id1", type: "app-admin", config: {} },
+  {
+    id: "3",
+    externalId: "id2",
+    type: "app-admin",
+    config: { a: { value: 1, origin: "user" } },
+  },
+  {
+    id: "4",
+    externalId: "id3",
+    type: "app-admin",
+    config: { a: { value: "yyyyb", origin: "user" } },
+  },
+  {
+    id: "5",
+    externalId: "id4",
+    type: "a",
+    config: { lista: { value: ["codigo6"], origin: "user" } },
+  },
+];
+const state = { sources };
+const renderOpts = { state };
 
 describe("<SourcesTable />", () => {
-  const sources = [
-    {
-      id: 1,
-      externalId: "con_url",
-      type: "a",
-      config: {
-        a: { value: "aaa", origin: "user" },
-        lista: { value: ["bbb", "ddd"], origin: "user" },
-        url_cx: {
-          value: [{ url_name: "google", url_value: "https://google.es" }],
-          origin: "user",
-        },
-      },
-    },
-    { id: 2, externalId: "id1", type: "app-admin", config: {} },
-    {
-      id: 3,
-      externalId: "id2",
-      type: "app-admin",
-      config: { a: { value: 1, origin: "user" } },
-    },
-    {
-      id: 4,
-      externalId: "id3",
-      type: "app-admin",
-      config: { a: { value: "yyyyb", origin: "user" } },
-    },
-    {
-      id: 5,
-      externalId: "id4",
-      type: "a",
-      config: { lista: { value: ["codigo6"], origin: "user" } },
-    },
-  ];
-
-  it("matches the latest snapshot", () => {
-    const { container } = render(
-      <SourcesTable sources={sources} />,
-      renderOpts
-    );
-    expect(container).toMatchSnapshot();
+  it("matches the latest snapshot", async () => {
+    const rendered = render(<SourcesTable sources={sources} />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
   });
 
-  it("contains a message when no sources are found", () => {
-    const { queryByText } = render(<SourcesTable sources={[]} />, renderOpts);
-    expect(queryByText(/0 sources found/)).toBeTruthy();
+  it("contains a message when no sources are found", async () => {
+    const rendered = render(<SourcesTable sources={[]} />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.getByText(/sources.count/i)).toBeInTheDocument();
   });
 
-  it("contains a caption, a header row and a row for each source", () => {
-    const { queryAllByRole, queryByText } = render(
-      <SourcesTable sources={sources} />,
-      renderOpts
-    );
-    expect(queryByText(/5 sources found/)).toBeTruthy();
-    expect(queryAllByRole("row")).toHaveLength(sources.length + 1);
+  it("contains a caption, a header row and a row for each source", async () => {
+    const rendered = render(<SourcesTable sources={sources} />, renderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.getByText(/sources.count/i)).toBeInTheDocument();
+    expect(rendered.getAllByRole("row")).toHaveLength(sources.length + 1);
   });
 });

package/src/sources/components/__tests__/__snapshots__/EditSource.spec.js.snap

@@ -1,19 +1,138 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<EditSource /> matches the latest snapshot 1`] = `
-<injectIntl(SourceFormLoader)
-  onSubmit={[MockFunction]}
-  source={
-    {
-      "config": {
-        "a": {
-          "origin": "user",
-          "value": 1,
-        },
-      },
-      "external_id": "Micro1",
-      "type": "micro",
-    }
-  }
-/>
+<div>
+  <form
+    class="ui form"
+    style=""
+  >
+    <div
+      class="required field"
+    >
+      <label>
+        source.external_id
+        <div
+          class="ui left pointing label"
+        >
+          template.form.validation.empty_required
+        </div>
+      </label>
+      <div
+        class="disabled field"
+      >
+        <div
+          class="ui disabled input"
+        >
+          <input
+            disabled=""
+            name="external_id"
+            tabindex="-1"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        type.selector.label
+      </label>
+      <div
+        class="disabled required field"
+      >
+        <div
+          aria-busy="false"
+          aria-disabled="true"
+          aria-expanded="false"
+          class="ui disabled search selection dropdown"
+          name="type"
+          required=""
+          role="combobox"
+        >
+          <input
+            aria-autocomplete="list"
+            autocomplete="off"
+            class="search"
+            tabindex="-1"
+            type="text"
+            value=""
+          />
+          <div
+            aria-atomic="true"
+            aria-live="polite"
+            class="divider default text"
+            role="alert"
+          >
+            type.selector.placeholder
+          </div>
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+            role="listbox"
+          >
+            <div
+              aria-checked="false"
+              aria-selected="true"
+              class="selected item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                template1
+              </span>
+            </div>
+            <div
+              aria-checked="false"
+              aria-selected="false"
+              class="item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                template2
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label
+        class="label"
+      >
+        source.config.label
+      </label>
+    </div>
+    <div
+      class="actions"
+    >
+      <a
+        class="ui secondary button"
+        data-discover="true"
+        href="/"
+        role="button"
+      >
+        actions.cancel
+      </a>
+      <button
+        class="ui primary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        actions.save
+      </button>
+    </div>
+  </form>
+</div>
 `;

package/src/sources/components/__tests__/__snapshots__/NewSource.spec.js.snap

@@ -1,30 +1,43 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<NewSource /> matches the latest snapshot 1`] = `
-<Fragment>
-  <SourceBreadcrumbs
-    text="sources.actions.create"
-  />
-  <Container
-    as={[Function]}
-    text={true}
+<div>
+  <div
+    class="ui breadcrumb"
   >
-    <Header
-      as="h2"
+    <a
+      class="section"
+      data-discover="true"
+      href="/sources"
     >
-      <Icon
-        as="i"
-        name="plug"
-      />
-      <HeaderContent>
-        <MemoizedFormattedMessage
-          id="sources.actions.create"
-        />
-      </HeaderContent>
-    </Header>
-    <injectIntl(SourceFormLoader)
-      onSubmit={[MockFunction]}
+      navigation.admin.sources
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
     />
-  </Container>
-</Fragment>
+    <div
+      class="active section"
+    >
+      sources.actions.create
+    </div>
+  </div>
+  <div
+    class="ui segment ui text container"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="plug icon"
+      />
+      <div
+        class="content"
+      >
+        sources.actions.create
+      </div>
+    </h2>
+  </div>
+</div>
 `;

package/src/sources/components/__tests__/__snapshots__/Source.spec.js.snap

@@ -1,37 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Source /> matches the latest snapshot 1`] = `
-<Fragment>
-  <SourceBreadcrumbs />
-  <Segment>
-    <SourceHeader
-      source={
-        {
-          "config": {
-            "a": {
-              "origin": "user",
-              "value": 1,
-            },
-          },
-          "external_id": "Micro1",
-          "type": "micro",
-        }
-      }
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/sources"
+    >
+      navigation.admin.sources
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
     />
-    <SourceDetail
-      source={
-        {
-          "config": {
-            "a": {
-              "origin": "user",
-              "value": 1,
-            },
-          },
-          "external_id": "Micro1",
-          "type": "micro",
-        }
-      }
+    <div
+      class="active section"
     />
-  </Segment>
-</Fragment>
+  </div>
+  <div
+    class="ui segment"
+  >
+    <div>
+      Mocked Source Header
+    </div>
+    <div>
+      Mocked Source Detail
+    </div>
+  </div>
+</div>
 `;

package/src/sources/components/__tests__/__snapshots__/SourceActions.spec.js.snap

@@ -3,7 +3,6 @@
 exports[`<SourceActions /> matches the latest snapshot 1`] = `
 <div>
   <div
-    aria-disabled="false"
     aria-expanded="false"
     class="ui floating dropdown button icon group-actions"
     role="listbox"
@@ -20,6 +19,7 @@ exports[`<SourceActions /> matches the latest snapshot 1`] = `
         aria-checked="false"
         aria-selected="true"
         class="selected item"
+        data-discover="true"
         href="/sources/123/edit"
         role="option"
         style="pointer-events: all;"

package/src/sources/components/__tests__/__snapshots__/SourceBreadcrumbs.spec.js.snap

@@ -7,9 +7,10 @@ exports[`<SourceBreadcrumbs /> matches the latest snapshot 1`] = `
   >
     <a
       class="section"
+      data-discover="true"
       href="/sources"
     >
-      Sources
+      navigation.admin.sources
     </a>
     <i
       aria-hidden="true"

package/src/sources/components/__tests__/__snapshots__/SourceDetail.spec.js.snap

@@ -1,183 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<SourceDetail /> matches the latest snapshot (jobs tab) 1`] = `
+exports[`<SourceDetail /> renders correctly with default route 1`] = `
 <div>
-  <div
-    class="ui pointing secondary top attached tabular menu"
-  >
-    <a
-      class="item"
-      href="/sources/123"
-    >
-      Configuration
-    </a>
-    <a
-      class="active item"
-      href="/sources/123/jobs"
-    >
-      Jobs
-    </a>
+  <div>
+    SourceTabs
   </div>
   <div
     class="ui bottom attached segment"
   >
-    <div
-      class="ui action left icon input"
-    >
-      <input
-        placeholder="Search jobs..."
-        type="text"
-        value=""
-      />
-      <i
-        aria-hidden="true"
-        class="search link icon"
-      />
-      <div
-        aria-expanded="false"
-        class="ui button floating labeled scrolling dropdown icon"
-        role="listbox"
-        tabindex="0"
-      >
-        <div
-          aria-atomic="true"
-          aria-live="polite"
-          class="divider text"
-          role="alert"
-        >
-          Filters
-        </div>
-        <i
-          aria-hidden="true"
-          class="filter icon"
-        />
-        <div
-          class="menu transition"
-        >
-          <div
-            class="item"
-            role="option"
-          >
-            <em>
-              (reset all filters)
-            </em>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="selectedFilters"
-    />
-    <div
-      class="dimmable"
-    >
-      <div
-        class="ui inverted dimmer"
-      >
-        <div
-          class="content"
-        >
-          <div
-            class="ui loader"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="ui label jobs-label-results"
-    >
-      42 jobs found
+    <div>
+      SourceConfiguration
     </div>
-    <table
-      class="ui selectable sortable table"
-    >
-      <thead
-        class=""
-      >
-        <tr
-          class=""
-        >
-          <th
-            class="three wide"
-          >
-            Updated At
-          </th>
-          <th
-            class="two wide"
-          >
-            Type
-          </th>
-          <th
-            class="two wide"
-          >
-            Status
-          </th>
-          <th
-            class="nine wide ascending sorted disabled"
-          >
-            Message
-          </th>
-        </tr>
-      </thead>
-      <tbody
-        class=""
-      >
-        <tr
-          class=""
-        >
-          <td
-            class=""
-          >
-            <time
-              datetime="1643760000000"
-            >
-              2022-02-02 00:00
-            </time>
-          </td>
-          <td
-            class=""
-          >
-            catalog
-          </td>
-          <td
-            class=""
-          >
-            SUCCESS
-          </td>
-          <td
-            class=""
-          />
-        </tr>
-        <tr
-          class=""
-        >
-          <td
-            class=""
-          >
-            <time
-              datetime="1580515200000"
-            >
-              2020-02-01 00:00
-            </time>
-          </td>
-          <td
-            class=""
-          >
-            catalog
-          </td>
-          <td
-            class=""
-          >
-            FAILED
-          </td>
-          <td
-            class=""
-          >
-            Something went wrong
-          </td>
-        </tr>
-      </tbody>
-    </table>
   </div>
 </div>
 `;
+
+exports[`<SourceDetail /> renders correctly with edit route 1`] = `<div />`;
+
+exports[`<SourceDetail /> renders correctly with jobs route 1`] = `<div />`;
+
+exports[`<SourceDetail /> renders correctly with new job route 1`] = `<div />`;
+
+exports[`<SourceDetail /> renders correctly with specific job route 1`] = `<div />`;