writing-mode-parsing-001.html (1578B)
1 <!DOCTYPE html> 2 <title>CSS Writing Modes: parsing writing-mode</title> 3 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow"> 5 <meta name="assert" content="This test asserts the parser and getComputedStyle works correctly for the writing-mode property."> 6 <meta name="flags" content="dom"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <div 11 data-expected="horizontal-tb" title="writing-mode initial value"></div> 12 13 <div style="writing-mode: vertical-rl" 14 data-expected="vertical-rl"></div> 15 <div style="writing-mode: vertical-lr" 16 data-expected="vertical-lr"></div> 17 18 <div style="writing-mode: vertical-rl"> 19 <div 20 data-expected="vertical-rl" title="writing-mode should inherit"></div> 21 22 <div style="writing-mode: horizontal-tb" 23 data-expected="horizontal-tb"></div> 24 25 <div style="writing-mode: initial" 26 data-expected="horizontal-tb"></div> 27 <div style="writing-mode: inherit" 28 data-expected="vertical-rl"></div> 29 <div style="writing-mode: horizontal-tb; writing-mode: inherit" 30 data-expected="vertical-rl"></div> 31 32 <div style="writing-mode: foo" 33 data-expected="vertical-rl"></div> 34 </div> 35 36 <script> 37 Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { 38 test(function () { 39 var actual = getComputedStyle(element).writingMode; 40 assert_equals(actual, element.dataset.expected); 41 }, element.title || element.getAttribute("style")); 42 }); 43 </script>