@truedat/df 7.12.5 → 7.12.7

package/src/templates/components/templateForm/__tests__/ValuesField.spec.js

@@ -7,11 +7,9 @@ describe("<ValuesField /> noPrefix", () => {
     const values = null;
     const name = "name.values";
     const onChange = jest.fn();
-    const onSelectionChange = jest.fn();
     const props = {
       field: { values },
       name,
-      onSelectionChange,
       onChange,
     };
     const rendered = render(<ValuesField {...props} />);
@@ -22,16 +20,16 @@ describe("<ValuesField /> noPrefix", () => {
   it("test values dropdown", async () => {
     const values = null;
     const name = "name.values";
-    const onSelectionChange = jest.fn();
+    const subscribableField = "foo.subscribable";
     const onChange = jest.fn();
     const props = {
       field: { values },
       name,
       onChange,
-      onSelectionChange,
       widget: "radio",
-      fieldType: "string",
-      keyType: "fixed",
+      type: "string",
+      fieldNamePrefix: "foo",
+      subscribableField,
       values: [
         { id: "template.field.values.fixed", value: "fixed" },
         { id: "template.field.values.fixed_tuple", value: "fixed_tuple" },
@@ -48,20 +46,33 @@ describe("<ValuesField /> noPrefix", () => {
       })
     );
 
-    expect(onSelectionChange).toHaveBeenCalled();
+    expect(onChange).toHaveBeenCalledWith(
+      expect.anything(),
+      expect.objectContaining({
+        name: subscribableField,
+        value: false,
+      })
+    );
+
+    expect(onChange).toHaveBeenCalledWith(
+      null,
+      expect.objectContaining({
+        name,
+        value: { switch: null },
+      })
+    );
   });
 });
 
 describe("<ValuesField /> fixed", () => {
   it("matches the latest snapshot for null values", async () => {
-    const values = { fixed: ["Foo", "Bar"] };
+    const values = {};
     const name = "name.values";
-    const onSelectionChange = jest.fn();
+    const onChange = jest.fn();
     const props = {
       field: { values },
       name,
-      onChange: jest.fn(),
-      onSelectionChange,
+      onChange,
     };
     const rendered = render(<ValuesField {...props} />);
     await waitForLoad(rendered);
@@ -70,14 +81,12 @@ describe("<ValuesField /> fixed", () => {
 
   it("test values dropdown changes to given value", async () => {
     const values = { fixed: ["Foo", "Bar"] };
-    const onSelectionChange = jest.fn();
+    const onChange = jest.fn();
     const props = {
       field: { values },
-      onChange: jest.fn(),
-      onSelectionChange,
+      onChange,
       widget: "dropdown",
-      fieldType: "string",
-      keyType: "fixed",
+      type: "string",
       name: "prefix.values",
       values: [
         { id: "template.field.values.fixed", value: "fixed" },
@@ -93,7 +102,7 @@ describe("<ValuesField /> fixed", () => {
     await user.click(dropdown);
     await user.click(await rendered.findByText(/fixed_tuple/i));
 
-    expect(onSelectionChange).toHaveBeenCalled();
+    expect(onChange).toHaveBeenCalled();
   });
 
   it("renders subscribable checkbox", async () => {
@@ -104,7 +113,7 @@ describe("<ValuesField /> fixed", () => {
       field: { values, subscribable: false },
       onChange,
       widget: "dropdown",
-      fieldType: "string",
+      type: "string",
       subscribableField,
       keyType: "fixed",
       name: "prefix.values",
@@ -132,7 +141,7 @@ describe("<ValuesField /> fixed", () => {
     // Test with fixed_tuple keyType
     const renderedWithFixedTuple = render({
       ...props,
-      keyType: "fixed_tuple",
+      values: { fixed_tuple: [{ value: "Foo", text: "Bar" }] }
     });
     await waitForLoad(renderedWithFixedTuple);
 
@@ -149,80 +158,16 @@ describe("<ValuesField /> fixed", () => {
   });
 });
 
-describe("<ValuesField /> fixed_tuple", () => {
-  it("matches the latest snapshot for null values", async () => {
-    const values = { fixed_tuple: [{ value: "Foo", text: "Bar" }] };
-    const name = "name.values";
-    const onChange = jest.fn();
-    const onSelectionChange = jest.fn();
-    const props = {
-      field: { values },
-      name,
-      onChange,
-      onSelectionChange,
-      keyType: "fixed_tuple",
-    };
-    const rendered = render(<ValuesField {...props} />);
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
-});
-
-describe("<ValuesField /> switch", () => {
-  it("matches the latest snapshot for null values", async () => {
-    const values = {
-      switch: {
-        on: "test",
-        values: {
-          a: ["1"],
-          b: ["2", "3"],
-        },
-      },
-    };
-    const name = "name.values";
-    const onSelectionChange = jest.fn();
-    const props = {
-      field: { values },
-      name,
-      keyType: "switch",
-      onChange: jest.fn(),
-      onSelectionChange,
-    };
-    const rendered = render(<ValuesField {...props} />);
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
-});
-
 describe("<ValuesField /> role_users", () => {
-  it("matches the latest snapshot for not null values", async () => {
-    const values = { role_users: "test_role" };
-    const name = "name.values";
-    const onSelectionChange = jest.fn();
-    const props = {
-      field: { values },
-      name,
-      onChange: jest.fn(),
-      onSelectionChange,
-    };
-    const rendered = render(<ValuesField {...props} />);
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
-
   it("test role input", async () => {
     const values = { processed_users: ["user1"], role_users: "test_role" };
     const name = "name.values";
-    const onSelectionChange = jest.fn();
     const onChange = jest.fn();
     const props = {
       field: { values },
       name,
-      onSelectionChange,
       onChange,
       widget: "dropdown",
-      fieldType: "user",
-      keyType: "role_users",
       fieldNamePrefix: "foo",
     };
     const rendered = render(<ValuesField {...props} />);

package/src/templates/components/templateForm/__tests__/__snapshots__/ActiveGroupForm.spec.js.snap

@@ -362,6 +362,23 @@ exports[`<ActiveGroupForm /> matches the latest snapshot 1`] = `
                     Table
                   </span>
                 </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="table icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Dynamic Table
+                  </span>
+                </div>
                 <div
                   aria-checked="false"
                   aria-selected="false"

package/src/templates/components/templateForm/__tests__/__snapshots__/FieldDefinition.spec.js.snap

@@ -0,0 +1,443 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FieldDefinition renders dropdowns with initial values 1`] = `
+<div>
+  <div
+    class="equal width fields"
+  >
+    <div
+      class="required field"
+    >
+      <label>
+        template.field.widget
+      </label>
+      <div
+        aria-expanded="false"
+        class="ui fluid selection dropdown"
+        name="field.widget"
+        required=""
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider text"
+          role="alert"
+        >
+          Text Input
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="hashtag icon"
+            />
+            <span
+              class="text"
+            >
+              Identifier
+            </span>
+          </div>
+          <div
+            aria-checked="true"
+            aria-selected="true"
+            class="active selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="minus icon"
+            />
+            <span
+              class="text"
+            >
+              Text Input
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="align justify icon"
+            />
+            <span
+              class="text"
+            >
+              Textarea
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="arrow down icon"
+            />
+            <span
+              class="text"
+            >
+              Dropdown
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="radio icon"
+            />
+            <span
+              class="text"
+            >
+              Radio
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="check square outline icon"
+            />
+            <span
+              class="text"
+            >
+              Checkbox
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="linkify icon"
+            />
+            <span
+              class="text"
+            >
+              Links
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="tint icon"
+            />
+            <span
+              class="text"
+            >
+              Colorpicker
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="text cursor icon"
+            />
+            <span
+              class="text"
+            >
+              Enrichedtext
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="table icon"
+            />
+            <span
+              class="text"
+            >
+              Table
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="table icon"
+            />
+            <span
+              class="text"
+            >
+              Dynamic Table
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="asterisk icon"
+            />
+            <span
+              class="text"
+            >
+              Password
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="image icon"
+            />
+            <span
+              class="text"
+            >
+              Image
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="hashtag icon"
+            />
+            <span
+              class="text"
+            >
+              Number
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="calendar icon"
+            />
+            <span
+              class="text"
+            >
+              Date
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <i
+              aria-hidden="true"
+              class="calendar icon"
+            />
+            <span
+              class="text"
+            >
+              Date Time
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        template.field.type
+      </label>
+      <div
+        aria-expanded="false"
+        class="ui fluid selection dropdown"
+        name="field.type"
+        required=""
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider text"
+          role="alert"
+        >
+          template.field.type.string
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            aria-checked="true"
+            aria-selected="true"
+            class="active selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              template.field.type.string
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        template.field.cardinality
+      </label>
+      <div
+        aria-expanded="false"
+        class="ui fluid selection dropdown"
+        name="field.cardinality"
+        required=""
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider text"
+          role="alert"
+        >
+          template.field.cardinality.?
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            aria-checked="true"
+            aria-selected="true"
+            class="active selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              template.field.cardinality.?
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              template.field.cardinality.1
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              template.field.cardinality.*
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              template.field.cardinality.+
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;