summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/tools/wave/export/lib/ui.js
blob: 59e2b786e50495ed316e8402bf88fc79ca94c8e3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
const UI = {
  createElement: config => {
    if (!config) return document.createElement("div");
    const elementType = config.element || "div";
    const element = document.createElement(elementType);

    Object.keys(config).forEach(property => {
      const value = config[property];
      switch (property.toLowerCase()) {
        case "id":
        case "src":
        case "style":
        case "placeholder":
        case "title":
          element.setAttribute(property, value);
          return;
        case "classname":
          element.setAttribute("class", value);
          return;
        case "text":
          element.innerText = value;
          return;
        case "html":
          element.innerHTML = value;
          return;
        case "onclick":
          element.onclick = value.bind(element);
          return;
        case "onchange":
          element.onchange = value.bind(element);
          return;
        case "onkeydown":
          element.onkeydown = value.bind(element);
          return;
        case "type":
          if (elementType === "input") element.setAttribute("type", value);
          return;
        case "children":
          if (value instanceof Array) {
            value.forEach(child =>
              element.appendChild(
                child instanceof Element ? child : UI.createElement(child)
              )
            );
          } else {
            element.appendChild(
              value instanceof Element ? value : UI.createElement(value)
            );
          }
          return;
        case "disabled":
          if (value) element.setAttribute("disabled", true);
          return;
      }
    });
    return element;
  },
  getElement: id => {
    return document.getElementById(id);
  },
  getRoot: () => {
    return document.getElementsByTagName("body")[0];
  }
};