@truedat/qx 7.0.8 → 7.1.1

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap

@@ -0,0 +1,930 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<QualityControlEditor /> matches the latest snapshot for creation 1`] = `
+<div>
+  <form
+    class="ui form"
+  >
+    <div
+      class="field"
+    >
+      <div
+        class="ui checked toggle checkbox"
+      >
+        <input
+          checked=""
+          class="hidden"
+          name="active"
+          readonly=""
+          tabindex="0"
+          type="radio"
+          value=""
+        />
+        <label>
+          Enable
+        </label>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label
+        class="field-label"
+      >
+        Domains
+        <span>
+          *
+        </span>
+      </label>
+      <div
+        class="field fix-dropdown-selector "
+      >
+        <div
+          aria-disabled="false"
+          aria-expanded="false"
+          aria-multiselectable="true"
+          class="ui floating multiple dropdown"
+          role="listbox"
+          tabindex="0"
+        >
+          <label>
+            Select domains
+          </label>
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+          >
+            <div
+              class="ui fluid left icon input search "
+            >
+              <input
+                type="text"
+              />
+              <i
+                aria-hidden="true"
+                class="search icon"
+              />
+            </div>
+            <div
+              class="scrolling menu transition"
+            >
+              <div
+                aria-selected="false"
+                class="item"
+                role="option"
+              >
+                <div
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="circle icon"
+                  />
+                  <span
+                    style="opacity: 1;"
+                  >
+                    barDomain
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label
+        class="field-label"
+      >
+        Name
+        <span>
+          *
+        </span>
+      </label>
+      <div
+        class="field"
+      >
+        <div
+          class="ui input"
+        >
+          <input
+            autocomplete="off"
+            placeholder="Name"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui segment"
+    >
+      <h4
+        class="ui header"
+      >
+        g1
+      </h4>
+      <div
+        class="field"
+        data-testid="form-field"
+      >
+        <label>
+          field1
+        </label>
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              name="field1"
+              placeholder="field1"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        Source
+      </label>
+      <div
+        class="field"
+      >
+        <div
+          aria-busy="false"
+          aria-disabled="false"
+          aria-expanded="false"
+          class="ui search selection dropdown"
+          role="combobox"
+        >
+          <input
+            aria-autocomplete="list"
+            autocomplete="off"
+            class="search"
+            tabindex="0"
+            type="text"
+            value=""
+          />
+          <div
+            aria-atomic="true"
+            aria-live="polite"
+            class="divider text"
+            role="alert"
+          >
+            Select source
+          </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"
+              >
+                external_source_id
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        Control mode
+      </label>
+      <div
+        aria-expanded="false"
+        class="ui selection dropdown"
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider default text"
+          role="alert"
+        >
+          Control mode
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            aria-checked="false"
+            aria-selected="true"
+            class="selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              Percentage
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              Deviation
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              Error count
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui hidden divider"
+    />
+    <div
+      class="ui right aligned container"
+    >
+      <button
+        class="ui primary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        Publish
+      </button>
+      <button
+        class="ui primary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        Save
+      </button>
+      <button
+        class="ui button"
+      >
+        Cancel
+      </button>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`<QualityControlEditor /> matches the latest snapshot for edition 1`] = `
+<div>
+  <form
+    class="ui form"
+    style=""
+  >
+    <div
+      class="disabled field"
+    >
+      <div
+        class="ui checked disabled toggle checkbox"
+      >
+        <input
+          checked=""
+          class="hidden"
+          disabled=""
+          name="active"
+          readonly=""
+          tabindex="-1"
+          type="radio"
+          value=""
+        />
+        <label>
+          Enable
+        </label>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label
+        class="field-label"
+      >
+        Domains
+        <span>
+          *
+        </span>
+      </label>
+      <div
+        class="disabled field fix-dropdown-selector "
+      >
+        <div
+          aria-disabled="true"
+          aria-expanded="false"
+          aria-multiselectable="true"
+          class="ui disabled floating multiple dropdown"
+          role="listbox"
+          tabindex="-1"
+        >
+          <div
+            class="ui label"
+          >
+            barDomain
+          </div>
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
+          <div
+            class="menu transition"
+          >
+            <div
+              class="ui fluid left icon input search "
+            >
+              <input
+                type="text"
+              />
+              <i
+                aria-hidden="true"
+                class="search icon"
+              />
+            </div>
+            <div
+              class="scrolling menu transition"
+            >
+              <div
+                aria-selected="true"
+                class="selected item"
+                role="option"
+              >
+                <div
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="circle icon"
+                  />
+                  <span
+                    style="opacity: 1;"
+                  >
+                    barDomain
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="field"
+    >
+      <label
+        class="field-label"
+      >
+        Name
+        <span>
+          *
+        </span>
+      </label>
+      <div
+        class="field"
+      >
+        <div
+          class="ui input"
+        >
+          <input
+            autocomplete="off"
+            placeholder="Name"
+            type="text"
+            value="test"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui segment"
+    >
+      <h4
+        class="ui header"
+      >
+        g1
+      </h4>
+      <div
+        class="field"
+        data-testid="form-field"
+      >
+        <label>
+          field1
+        </label>
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              name="field1"
+              placeholder="field1"
+              type="text"
+              value="value"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        Source
+      </label>
+      <div
+        class="disabled field"
+      >
+        <div
+          aria-busy="false"
+          aria-disabled="true"
+          aria-expanded="false"
+          class="ui disabled search selection dropdown"
+          role="combobox"
+        >
+          <input
+            aria-autocomplete="list"
+            autocomplete="off"
+            class="search"
+            tabindex="-1"
+            type="text"
+            value=""
+          />
+          <div
+            aria-atomic="true"
+            aria-live="polite"
+            class="divider text"
+            role="alert"
+          >
+            Select source
+          </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"
+              >
+                external_source_id
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        Control mode
+      </label>
+      <div
+        aria-expanded="false"
+        class="ui selection dropdown"
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider text"
+          role="alert"
+        >
+          Percentage
+        </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"
+            >
+              Percentage
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              Deviation
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              Error count
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui segment"
+    >
+      <div
+        class="field"
+      >
+        <label
+          class="field-label"
+        >
+          Threshold
+          <span>
+            *
+          </span>
+        </label>
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              autocomplete="off"
+              placeholder="Threshold"
+              type="text"
+              value="10"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <label
+          class="field-label"
+        >
+          Goal
+          <span>
+            *
+          </span>
+        </label>
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              autocomplete="off"
+              placeholder="Goal"
+              type="text"
+              value="20"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui segment"
+    >
+      <div
+        class="required field"
+      >
+        <label>
+          Dataset
+        </label>
+        <div
+          aria-expanded="false"
+          class="ui selection dropdown"
+          role="listbox"
+          tabindex="0"
+        >
+          <div
+            aria-atomic="true"
+            aria-live="polite"
+            class="divider text"
+            role="alert"
+          >
+            Data structures
+          </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"
+              >
+                Data structures
+              </span>
+            </div>
+            <div
+              aria-checked="false"
+              aria-selected="false"
+              class="item"
+              role="option"
+              style="pointer-events: all;"
+            >
+              <span
+                class="text"
+              >
+                Reference datasets
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="required field"
+      >
+        <div
+          class="ui fluid icon input"
+        >
+          <input
+            class="action-pointer"
+            placeholder="Data Structure"
+            required=""
+            type="text"
+            value="ACCOUNTING_RULES"
+          />
+        </div>
+      </div>
+      <div
+        class="vertical-space"
+      >
+        <div
+          class="field"
+        >
+          <label>
+            Validation
+          </label>
+          <div>
+            <div
+              class="ui segment"
+            >
+              <div
+                class="clause-and-group"
+              />
+              <div>
+                <div>
+                  <div
+                    class="ui grid"
+                  >
+                    <div
+                      class="fifteen wide column"
+                    >
+                      <div
+                        class="expression-container"
+                      >
+                        <div
+                          aria-expanded="false"
+                          class="ui top left pointing dropdown"
+                          role="listbox"
+                          tabindex="0"
+                        >
+                          <div
+                            class="shape-selector-trigger"
+                          >
+                            f(x)
+                          </div>
+                          <div
+                            class="menu transition"
+                          >
+                            <div
+                              aria-checked="false"
+                              aria-selected="false"
+                              class="item"
+                              role="option"
+                              style="pointer-events: all;"
+                            >
+                              <div
+                                class="text flex-center"
+                              >
+                                <small
+                                  style="margin-right: 5px;"
+                                >
+                                  <b>
+                                    <code>
+                                      [π]
+                                    </code>
+                                  </b>
+                                </small>
+                                Constant
+                              </div>
+                            </div>
+                            <div
+                              aria-checked="true"
+                              aria-selected="true"
+                              class="active selected item"
+                              role="option"
+                              style="pointer-events: all;"
+                            >
+                              <div
+                                class="text flex-center"
+                              >
+                                <small
+                                  style="margin-right: 5px;"
+                                >
+                                  <b>
+                                    <code>
+                                      f(x)
+                                    </code>
+                                  </b>
+                                </small>
+                                Function
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="accordion ui fluid no-margin"
+                        >
+                          <div
+                            class="active title no-padding"
+                          >
+                            <div
+                              class="flex-center"
+                            >
+                              <i
+                                aria-hidden="true"
+                                class="dropdown icon"
+                              />
+                              <div
+                                aria-expanded="false"
+                                class="ui fluid search selection dropdown"
+                                role="combobox"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  autocomplete="off"
+                                  class="search"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  aria-atomic="true"
+                                  aria-live="polite"
+                                  class="divider text"
+                                  role="alert"
+                                >
+                                  Select a function of type boolean
+                                </div>
+                                <i
+                                  aria-hidden="true"
+                                  class="dropdown icon"
+                                />
+                                <div
+                                  class="menu transition"
+                                  role="listbox"
+                                >
+                                  <div
+                                    class="message"
+                                  >
+                                    No results found.
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="content active no-padding"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="middle aligned one wide column"
+                    />
+                  </div>
+                </div>
+                <div
+                  class="ui horizontal divider"
+                />
+              </div>
+              <div
+                class="ui horizontal divider"
+              >
+                <button
+                  class="ui mini button"
+                >
+                  Add expression
+                </button>
+              </div>
+            </div>
+            <div
+              class="ui horizontal divider"
+            />
+          </div>
+          <div
+            class="ui horizontal divider"
+          >
+            <button
+              class="ui mini button"
+            >
+              Add group
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ui hidden divider"
+    />
+    <div
+      class="ui right aligned container"
+    >
+      <button
+        class="ui primary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        Publish
+      </button>
+      <button
+        class="ui primary disabled button"
+        disabled=""
+        tabindex="-1"
+      >
+        Save
+      </button>
+      <button
+        class="ui button"
+      >
+        Cancel
+      </button>
+    </div>
+  </form>
+</div>
+`;