49 lines
1.2 KiB
HTML
49 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<style>
|
|
td {
|
|
padding: 0;
|
|
width: 50px;
|
|
height: 60px;
|
|
background-color: blue;
|
|
border: 1px solid black
|
|
}
|
|
table {
|
|
border-spacing: calc(10px * 2 + 5px);
|
|
border: 3px solid black;
|
|
}
|
|
</style>
|
|
<table id="stimulus">
|
|
<tr>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
<script>
|
|
var innerBorder = 1;
|
|
var outerBorder = 3;
|
|
var innerWidth = 50 + 2 * innerBorder;
|
|
var innerHeight = 60 + 2 * innerBorder;
|
|
var borderSpacing = 25;
|
|
var rows = 2;
|
|
var columns = 5;
|
|
|
|
var expectedWidth = innerWidth * columns + borderSpacing * (columns + 1) + 2 * outerBorder;
|
|
var expectedHeight = innerHeight * rows + borderSpacing * (rows + 1) + 2 * outerBorder;
|
|
|
|
shouldEvaluateTo('document.getElementById("stimulus").offsetWidth', expectedWidth);
|
|
shouldEvaluateTo('document.getElementById("stimulus").offsetHeight', expectedHeight);
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
|