@truedat/qx 5.12.2 → 5.12.6

package/src/components/functions/expressions/__tests__/__snapshots__/FunctionArgs.spec.js.snap

@@ -0,0 +1,392 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<FunctionArgs /> matches the latest snapshot 1`] = `<div />`;
+
+exports[`<FunctionArgs /> user interaction 1`] = `
+<div>
+  <ul
+    class="function-tree"
+    style=""
+  >
+    <li>
+      <div
+        class="flex-column"
+      >
+        <div
+          class="param-label-header"
+        >
+          <div
+            class="ui large image label"
+          >
+            <i
+              aria-hidden="true"
+              class="grey question circle outline fitted icon"
+            />
+            <div
+              class="detail"
+            >
+              arg1
+            </div>
+          </div>
+          <div
+            class="param-label-description"
+          />
+        </div>
+        <div
+          class="expression-container"
+        >
+          <div
+            aria-expanded="false"
+            class="ui top left pointing dropdown"
+            role="listbox"
+            tabindex="0"
+          >
+            <div
+              class="shape-selector-trigger"
+            >
+              [π]
+            </div>
+            <div
+              class="menu transition"
+            >
+              <div
+                aria-checked="true"
+                aria-selected="true"
+                class="active selected item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <div
+                  class="text"
+                  style="display: flex; align-items: center;"
+                >
+                  <small
+                    style="margin-right: 5px;"
+                  >
+                    <b>
+                      <code>
+                        [π]
+                      </code>
+                    </b>
+                  </small>
+                  constant
+                </div>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <div
+                  class="text"
+                  style="display: flex; align-items: center;"
+                >
+                  <small
+                    style="margin-right: 5px;"
+                  >
+                    <b>
+                      <code>
+                        f(x)
+                      </code>
+                    </b>
+                  </small>
+                  function
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            aria-expanded="false"
+            class="ui basic button dropdown"
+            name="type"
+            role="listbox"
+            tabindex="0"
+          >
+            <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;"
+              >
+                <i
+                  aria-hidden="true"
+                  class="adjust icon"
+                />
+                <span
+                  class="text"
+                >
+                  boolean
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <i
+                  aria-hidden="true"
+                  class="font icon"
+                />
+                <span
+                  class="text"
+                >
+                  string
+                </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"
+                >
+                  numeric
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <i
+                  aria-hidden="true"
+                  class="calendar alternate outline 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="clock outline icon"
+                />
+                <span
+                  class="text"
+                >
+                  timestamp
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </li>
+    <li>
+      <div
+        class="flex-column"
+      >
+        <div
+          class="param-label-header"
+        >
+          <div
+            class="ui large image label"
+          >
+            <i
+              aria-hidden="true"
+              class="grey question circle outline fitted icon"
+            />
+            <div
+              class="detail"
+            >
+              arg2
+            </div>
+          </div>
+          <div
+            class="param-label-description"
+          />
+        </div>
+        <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"
+                  style="display: flex; align-items: 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"
+                  style="display: flex; align-items: 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"
+                  >
+                    function.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;"
+                    >
+                      <div
+                        class="ui header"
+                      >
+                        <div
+                          class="flex-center"
+                        >
+                          <div>
+                            eq
+                          </div>
+                          <div
+                            class="function-params-label"
+                          >
+                            <div
+                              class="ui grey label"
+                            >
+                              <i
+                                aria-hidden="true"
+                                class="question circle outline icon"
+                              />
+                              arg1
+                            </div>
+                            <div
+                              class="ui grey label"
+                            >
+                              <i
+                                aria-hidden="true"
+                                class="question circle outline icon"
+                              />
+                              arg2
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        class="sub header"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="content active no-padding"
+            />
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
+`;