BrowserTestJS/browsertest.html at master · Cyphrme/BrowserTestJS · 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
<!DOCTYPE html>
<html lang="en" class="h-100">

<head>
	<script type="module" src="./browsertest.js"></script>

	<div id="CustomHeader">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="theme-color" content="#ffffff">

		<title>BrowserTestJS</title>
		<link rel="stylesheet" id="bootstrapCSS">

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="icon" href="favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link rel="icon" href="favicon.ico" type="image/x-icon">
	</div>
</head>

<body class="d-flex flex-column h-100">
	<header>
		<nav class="navbar navbar-light bg-light">
			<div class="container-fluid">
				<a class="navbar-brand"></a>
			</div>
		</nav>
	</header>


	<main class="flex-shrink-0">
		<div class="container-xxl text-center">

			<a href="/"><img class="my-2" id="MainImage" src="browsertestjs.png" alt="Browser Test JS"></a>

			<div id="NoModuleFound">
				<h1>🙁 No `../test_unit.js` file was found. 🙁</h1>
				<h3>See README for how to use BrowserTestJS in a project.</h3>


			</div>


			<div id="testsResultsMeta" hidden>
				<h1 id="testsRunning" class="text-primary">⏱️ Tests Running ⏱️</h1>
				<h1 hidden id="testsPassed" class="text-success">🥳 All tests passed 🥳</h1>
				<h1 hidden id="testsFailed" class="text-danger">😞 Tests failed 😞</h1>

				<p>Total Tests to run: <span id="totalTestsToRun"></p>
				<p>Total Tests ran: <span id="totalTestsRan"></p>
				<p>Total Tests passed: <span id="testPastCount"></p>
				<p>Total Tests failed: <span id="testFailCount"></p>
				<span hidden id="hiddenImageHash"></span>
			</div>

			<div id="testsResultsList">
			</div>

			<div id="htmlTestArea">
			</div>


			<template id="js_test_results">
				<div class="pt-2">
					<p class="test"></p>
					<p class="result"></p>
					<p class="expected"></p>
				</div>
			</template>


			<h1 id="noTestsToRun" class="text-primary" title="See README to make sure your repo is properly structured."
				hidden>😴 No Tests To Run 😴</h1>

		</div>
	</main>

	<footer class="footer mt-auto py-3 bg-light text-center">
		<div id="CustomFooter">
		</div>
		<p><a href="https://github.com/cyphrme/BrowserTestJS">BrowserTestJS Source Code Repository</a></p>
	</footer>
</body>

</html>