blob: 2f26b72949c9223da434b6c455a114ff3df5a5af (
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
|
<!DOCTYPE HTML>
<html>
<head>
<title>-webkit-columns shorthand getPropertyValue test</title>
<style>
.test {
width: 100px;
height: 100px;
}
</style>
<script src="../../resources/js-test.js"></script>
<script>
if (window.testRunner)
testRunner.dumpAsText();
</script>
</head>
<body>
<div id="columns1" class="test" style="-webkit-columns: 10px;"></div>
<div id="columns2" class="test" style="-webkit-columns: 10;"></div>
<div id="columns3" class="test" style="-webkit-columns: 10px auto;"></div>
<div id="columns4" class="test" style="-webkit-columns: auto;"></div>
<div id="columns5" class="test" style="-webkit-columns: auto 2;"></div>
<div id="columns6" class="test" style="-webkit-column-width: 10px; -webkit-column-count: 2;"></div>
<div id="columns7" class="test" style="-webkit-column-width: auto; -webkit-column-count: auto;"></div>
<div id="columns8" class="test" style="-webkit-columns: foo;"></div>
<div id="columns9" class="test" style="-webkit-column-width: 10px;"></div>
<script>
description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=111011\">Bug 111011: getPropertyValue for -webkit-columns returns null, should compute the shorthand value</a>");
function webkitColumnsValue(id) {
var element = document.getElementById(id);
return element.style.getPropertyValue("-webkit-columns");
}
shouldBeEqualToString('webkitColumnsValue("columns1")', '10px auto');
shouldBeEqualToString('webkitColumnsValue("columns2")', 'auto 10');
shouldBeEqualToString('webkitColumnsValue("columns3")', '10px auto');
shouldBeEqualToString('webkitColumnsValue("columns4")', 'auto auto');
shouldBeEqualToString('webkitColumnsValue("columns5")', 'auto 2');
shouldBeEqualToString('webkitColumnsValue("columns6")', '10px 2');
shouldBeEqualToString('webkitColumnsValue("columns7")', 'auto auto');
debug("NOTE: 'foo' is an illegal CSS value for '-webkit-columns'.");
shouldBeEqualToString('webkitColumnsValue("columns8")', "");
debug("NOTE: If only few longhand properties are specified, getPropertyValue for shorthand property returns empty string.")
shouldBeEqualToString('webkitColumnsValue("columns9")', "");
</script>
</body>
</html>
|
