6 <script src="../resources/js-test.js"></script>
9 description("Test getting and setting nonstable css properties to non-default values");
11 function testStyle(property, value) {
12 var el = document.getElementById('el');
13 var test = function(toEval, logResult) {
14 var result = eval(toEval);
15 debug(toEval + (logResult ? " is " + result : ""));
17 test("el.style.setProperty('" + property + "', '" + value + "')", false);
18 test("el.style.getPropertyValue('" + property + "')", true);
19 test("getComputedStyle(el).getPropertyValue('" + property + "')", true);
24 ['shape-margin', '10px'],
25 ['shape-outside', 'circle(10px at 10px 10px)'],
27 ['grid-auto-columns', 'auto'],
28 ['grid-auto-rows', 'auto'],
29 ['grid-template-columns', 'min-content'],
30 ['grid-template-rows', 'max-content'],
31 ['grid-column-start', 'auto'],
32 ['grid-column-end', '2'],
33 ['grid-row-start', '1'],
34 ['grid-column', 'auto'],
37 ['grid-auto-flow', 'column'],
38 ['grid-template-areas', '"test"'],
40 ['text-align-last', 'start'],
41 ['text-justify', 'distribute'],
44 properties.forEach(function(args) {
45 testStyle(args[0], args[1]);