1
0
mirror of https://github.com/kkapsner/CanvasBlocker synced 2024-12-23 05:10:27 +01:00
CanvasBlocker/test/domRectTest.html

66 lines
1.4 KiB
HTML
Raw Normal View History

2018-09-05 08:21:22 +02:00
<!DOCTYPE html>
<html>
<head>
<title>DOMRect test</title>
2019-02-20 08:13:37 +01:00
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="testIcon.svg" type="image/png" rel="icon">
<link href="testIcon.svg" type="image/png" rel="shortcut icon">
2018-09-05 08:21:22 +02:00
<style>
#iframe {
position: absolute;
top: -2000%;
}
.template {
display: none;
}
.test {
display: inline-block;
margin: 1em;
}
.test .data table {
border-collapse: collapse;
}
.test .data th {
padding: 0.4em;
}
.test .data td{
border: 1px solid #c7c7c7;
padding: 0.4em;
}
2019-03-16 00:52:28 +01:00
.test .data td.value {
text-align: right;
}
.small {
font-size: 0.8em;
color: gray;
}
.rectHash {
font-size: 4px;
}
.rectHash:hover {
font-size: 100%;
}
2018-09-05 08:21:22 +02:00
</style>
</head>
<body>
<h1>DOMRect test</h1>
2019-09-04 00:30:20 +02:00
<h2>Expected result</h2>
<ul>
<li>all the hashes and numbers should be equal for each test</li>
<li>if "refresh" is clicked the hash must not change</li>
<li>upon page reload the hashes chang</li>
</ul>
<h2>Tests</h2>
2018-09-05 08:21:22 +02:00
<iframe id="iframe" src="domRectIFrame.html"></iframe>
<div id="tests">
<div class="test">
2019-09-04 00:30:20 +02:00
<h3 class="title"></h3>
2018-09-05 08:21:22 +02:00
Hash: <span class="hash"></span><br>
Data: <span class="data"></span><br>
<button class="refresh">refresh</button>
<button class="performance">measure performance</button>
2018-09-05 08:21:22 +02:00
</div>
</div>
<script src="domRectTest.js"></script>
</body>
</html>