@truedat/qx 7.0.7 → 7.1.0

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

@@ -0,0 +1,648 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<NewDraftQualityControl /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui left floated segment"
+    style=""
+  >
+    <div
+      class="ui text container"
+    >
+      <h2
+        class="ui header"
+      >
+        <i
+          aria-hidden="true"
+          class="archive circular icon"
+        />
+        <div
+          class="content"
+        >
+          Quality control
+          <div
+            class="sub header"
+          >
+            Create new quality control
+          </div>
+        </div>
+      </h2>
+      <form
+        class="ui form"
+      >
+        <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>
+  </div>
+</div>
+`;