blob: 52b17ced96cd8e122f8ac5fee412b1da8ebbba02 (
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
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
87
88
89
90
91
92
93
|
<!DOCTYPE html>
<html>
<head>
<title id='desc'> WheelEvent: wheel - MouseEvent.ctrlKey and Zooming </title>
<script type="text/javascript">
var PassTest = function()
{
document.getElementById("testresult").firstChild.data = "PASS";
}
var FailTest = function()
{
document.getElementById("testresult").firstChild.data = "FAIL";
}
function DisableZooming()
{
BEFORE = HELPER.getBoundingClientRect().width;
DisableZoom = true;
}
function VerifyResult()
{
AFTER = HELPER.getBoundingClientRect().width;
if ((true == DisableZoom) && (true == TestResult) && (BEFORE == AFTER))
{
PassTest();
}
else
{
FailTest();
}
}
function TestEvent(evt)
{
if ((true == DisableZoom) && (true == evt.ctrlKey) && (EVENT == evt.type))
{
evt.preventDefault();
TestResult = evt.defaultPrevented;
}
}
var EVENT = "wheel";
var TARGET;
var HELPER;
var BEFORE;
var AFTER;
var DisableZoom = false;
var TestResult = false;
window.onload = function()
{
try
{
TARGET = document;
HELPER = document.getElementById("helper");
TARGET.addEventListener(EVENT, TestEvent, true);
}
catch(ex)
{
FailTest();
}
}
</script>
</head>
<body>
<h3>DOM Events</h3>
<h4>
Test Description: The typical default action of the wheel event type, in some cases, is to
zoom the document. If this event is canceled, the implementation must not zoom the document.
</h4>
<div id="helper" style="width:100%"></div>
<p id="manualsteps">
Steps:
<ol>
<li> Note: an input device with scroll wheel support (e.g., mouse wheel) is required
<li> Make sure the page can be zoomed in/out by holding down '{CTRL}' key + scrolling the mouse wheel on the page
<li> Now, click the button: <button id="verify" onclick="DisableZooming()">Disable Zooming</button>
<li> Press and hold down '{CTRL}' key on the keyboard
<li> Move the mouse pointer to the center of the page
<li> Scroll down/up the mouse wheel some units
<li> Click the button: <button id="verify" onclick="VerifyResult()">VerifyResult</button>
</ol>
</p>
<p>Test passes if the word "PASS" appears below after following the above steps.</p>
<div>Test result: </div>
<div id='testresult'>FAIL</div>
</body>
</html>
|
