Zephyr/testsuite-dev.html at main · Serrin/Zephyr · GitHub

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<title>TestSuite and TestCase results</title>

<link rel="stylesheet" href="testsuite.css" type="text/css" />
<script src="zephyr.dev.js"></script>
<script src="testsuite.js"></script>
<script src="testcases.js"></script>

<h1>TestSuite and TestCase results</h1>

<textarea id="textarea1" rows="10" cols="10" readonly>

</textarea>

<div id="resultElement1" class="resultElement"></div>
<div id="resultElement2" class="resultElement"></div>
<div id="resultElement3" class="resultElement"></div>
<div id="resultElement4" class="resultElement"></div>
<div id="resultElement5" class="resultElement"></div>
<div id="resultElement6" class="resultElement"></div>
<div id="resultElement7" class="resultElement"></div>

<script>

defaultTestSuite.run();

document.querySelector("#textarea1").value = defaultTestSuite.getJSON();

const stringFormat = (v) => ((typeof v === "string") ? "\"" + v + "\"" : v);

function displayResult (element, object, caption) {
  var resultStr = `
    <h2>${caption}</h2>
    <table>
      <caption>${caption}</caption>
      <tr>
        <th scope="col">name</th>
        <th scope="col">callback</th>
        <th scope="col">expectedvalue</th>
        <th scope="col">resultValue</th>
        <th scope="col">success</th>
        <th scope="col">errorObject</th>
        <th scope="col">hasError</th>
      </tr>
  `;
  for (let item of object) {
    resultStr += `
      <tr>
        <th scope="row">${item.name}</th>
        <td>${stringFormat(item.callback)}</td>
        <td>${stringFormat(item.expectedvalue)}</td>
        <td>${stringFormat(item.resultValue)}</td>
        <td style="background-color: ${item.success ? "lightgreen" : "lightsalmon"};">${item.success}</td>
        <td>${stringFormat(item.errorObject)}</td>
        <td>${item.hasError}</td>
      </tr>
    `;
  }
  resultStr += "</table>";
  element.innerHTML = resultStr;
}


displayResult(
  document.querySelector("#resultElement1"),
  defaultTestSuite.getFailedTestCases(),
  "Failed testcases"
);


displayResult(
  document.querySelector("#resultElement2"),
  defaultTestSuite.getErrorFailedTestCases(),
  "Failed Testcases with error object"
);


displayResult(
  document.querySelector("#resultElement3"),
  defaultTestSuite.getAllTestCases(),
  "All testcases"
);

displayResult(
  document.querySelector("#resultElement4"),
  defaultTestSuite.getSuccessTestCases(),
  "Success testcases"
);

displayResult(
  document.querySelector("#resultElement5"),
  defaultTestSuite.getErrorTestCases(),
  "All testcases with error object"
);

displayResult(
  document.querySelector("#resultElement6"),
  defaultTestSuite.getErrorSuccessTestCases(),
  "Success testcases with error object"
);

</script>