writing-mode-parsing-svg1-001.html (1253B)
1 <!DOCTYPE html> 2 <title>CSS Writing Modes: parsing SVG 1.1 writing-mode values</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/#svg-writing-mode"> 5 <meta name="assert" content="This test asserts the parser and getComputedStyle works correctly for the SVG 1.1 writing-mode values."> 6 <meta name="flags" content="dom svg may"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <div style="writing-mode: lr" 11 data-expected="horizontal-tb"></div> 12 <div style="writing-mode: lr-tb" 13 data-expected="horizontal-tb"></div> 14 <div style="writing-mode: rl" 15 data-expected="horizontal-tb"></div> 16 <div style="writing-mode: rl-tb" 17 data-expected="horizontal-tb"></div> 18 19 <div style="writing-mode: tb" 20 data-expected="vertical-rl"></div> 21 <div style="writing-mode: tb-rl" 22 data-expected="vertical-rl"></div> 23 24 <script> 25 Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) { 26 test(function () { 27 var actual = getComputedStyle(element).writingMode; 28 assert_equals(actual, element.dataset.expected); 29 }, element.title || element.getAttribute("style")); 30 }); 31 </script>