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
|
<html>
<head>
<title>Test the CSS4 media query "pointer" features.</title>
<style type="text/css">
</style>
<script type="text/javascript" charset="utf-8">
if (window.testRunner)
testRunner.dumpAsText();
function log(m) {
document.getElementById('results').innerHTML += m + '<br>';
}
function testQueries()
{
var queries = [
"(pointer)",
"(Pointer)",
"(pointer:none)",
"(pointer:NoNe)",
"(pointer:coarse)",
"(pointer:coARse)",
"(pointer:bogusvalue)",
"(pointer:fine)",
"(pointer:fInE)",
"(any-pointer)",
"(any-Pointer)",
"(any-pointer:none)",
"(any-pointer:NoNe)",
"(any-pointer:coarse)",
"(any-pointer:coARse)",
"(any-pointer:bogusvalue)",
"(any-pointer:fine)",
"(any-pointer:fInE)"
];
for (var index=0; index < queries.length; index++) {
log("Query "" + queries[index] + "": " +
window.matchMedia(queries[index]).matches);
}
}
function runTests()
{
if (!window.internals)
return;
log("------------- with 'coarse' pointer -------------");
internals.settings.setPrimaryPointerType('coarse');
internals.settings.setAvailablePointerTypes('coarse');
testQueries();
log("------------- with 'fine' pointer -------------");
internals.settings.setPrimaryPointerType('fine');
internals.settings.setAvailablePointerTypes('fine');
testQueries();
log("------------- with 'fine' and 'coarse' pointer, 'fine' is primary -------------");
internals.settings.setPrimaryPointerType('fine');
internals.settings.setAvailablePointerTypes('fine,coarse');
testQueries();
log("------------- with 'fine' and 'coarse' pointer, 'coarse' is primary -------------");
internals.settings.setPrimaryPointerType('coarse');
internals.settings.setAvailablePointerTypes('fine,coarse');
testQueries();
log("------------- with 'none', 'fine' and 'coarse' pointer, 'none' is primary -------------");
internals.settings.setPrimaryPointerType('none');
internals.settings.setAvailablePointerTypes('none,fine,coarse');
testQueries();
log("------------- with 'none' pointer -------------");
internals.settings.setPrimaryPointerType('none');
internals.settings.setAvailablePointerTypes('none');
testQueries();
}
</script>
</head>
<body onload="runTests()">
<p>Test the <a href="http://www.w3.org/TR/2014/WD-mediaqueries-4-20140605/#pointer">(pointer)</a> media features.
See <a href="http://crbug.com/136119">Bug 136119</a> for details.</p>
<div id="results">
</div>
</body>
</html>
|
