36 lines
1.6 KiB
HTML
36 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<div style="font: 19px system-ui">
|
|
<div><span id="one" style="font-weight: 100;">Hello, World</span></div>
|
|
<div><span id="two" style="font-weight: 200;">Hello, World</span></div>
|
|
<div><span id="three" style="font-weight: 300;">Hello, World</span></div>
|
|
<div><span id="four" style="font-weight: 400;">Hello, World</span></div>
|
|
<div><span id="five" style="font-weight: 500;">Hello, World</span></div>
|
|
<div><span id="six" style="font-weight: 600;">Hello, World</span></div>
|
|
<div><span id="seven" style="font-weight: 700;">Hello, World</span></div>
|
|
<div><span id="eight" style="font-weight: 800;">Hello, World</span></div>
|
|
<div><span id="nine" style="font-weight: 900;">Hello, World</span></div>
|
|
</div>
|
|
<script>
|
|
description("This test makes sure that extra-heavy weights of the system font can be achieved.");
|
|
var one = document.getElementById("one");
|
|
var two = document.getElementById("two");
|
|
var three = document.getElementById("three");
|
|
var four = document.getElementById("four");
|
|
var five = document.getElementById("five");
|
|
var six = document.getElementById("six");
|
|
var seven = document.getElementById("seven");
|
|
var eight = document.getElementById("eight");
|
|
var nine = document.getElementById("nine");
|
|
shouldNotBe("four.offsetWidth", "three.offsetWidth");
|
|
shouldNotBe("five.offsetWidth", "four.offsetWidth");
|
|
shouldNotBe("six.offsetWidth", "five.offsetWidth");
|
|
shouldNotBe("eight.offsetWidth", "seven.offsetWidth");
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html> |