blob: c1189aa1ecf90dcd47fef6822c0e5893100c631f (
plain)
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
|
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800">
<style>
body { margin: 0; overflow-y: hidden; color: #aaa; }
#ib { display: inline-block; width: 12em; }
#ib:hover { color: #99f; }
i { color: black; }
</style>
<script src="resources/autosizingTest.js"></script>
</head>
<body>
<div id="ib">(hover styled inline block)</div> (some text follows)<br><br>
<i>
This test requires text autosizing to be enabled. The test passes if the width
of the inline block does not increase when the user hovers over the content.
</i>
<br><br>
(additional text to trigger autosizing)
<script>
function runTest() {
var inlineBlock = document.querySelector("#ib");
var width1 = inlineBlock.clientWidth;
// Trigger hover styles.
eventSender.mouseMoveTo(50, 30);
var width2 = inlineBlock.clientWidth;
var pass = width1 == width2;
document.body.innerText = pass ? "PASS" : "FAIL";
testRunner.dumpAsText();
}
if (window.testRunner && window.eventSender)
runTest();
</script>
</body>
</html>
|
