OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>CSS Writing Modes: parsing SVG 1.1 writing-mode values</title> | 2 <title>CSS Writing Modes: parsing SVG 1.1 writing-mode values</title> |
3 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com"> | 3 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com"> |
4 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#svg-writing
-mode"> | 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 w
orks correctly for the SVG 1.1 writing-mode values."> | 5 <meta name="assert" content="This test asserts the parser and getComputedStyle w
orks correctly for the SVG 1.1 writing-mode values."> |
6 <meta name="flags" content="dom svg may"> | 6 <meta name="flags" content="dom svg may"> |
7 <script src="../../../resources/testharness.js"></script> | 7 <script src="../../../resources/testharness.js"></script> |
8 <script src="../../../resources/testharnessreport.js"></script> | 8 <script src="../../../resources/testharnessreport.js"></script> |
9 | 9 |
10 <div style="-webkit-writing-mode: lr" | 10 <div style="-webkit-writing-mode: lr" |
11 data-expected="lr"></div> | 11 data-expected="horizontal-tb"></div> |
| 12 <div style="-webkit-writing-mode: lr-tb" |
| 13 data-expected="horizontal-tb"></div> |
12 <div style="-webkit-writing-mode: rl" | 14 <div style="-webkit-writing-mode: rl" |
13 data-expected="rl"></div> | 15 data-expected="horizontal-tb"></div> |
| 16 <div style="-webkit-writing-mode: rl-tb" |
| 17 data-expected="horizontal-tb"></div> |
14 | 18 |
15 <div style="-webkit-writing-mode: tb" | 19 <div style="-webkit-writing-mode: tb" |
16 data-expected="tb"></div> | 20 data-expected="vertical-rl"></div> |
| 21 <div style="-webkit-writing-mode: tb-rl" |
| 22 data-expected="vertical-rl"></div> |
17 | 23 |
18 <script> | 24 <script> |
19 Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), funct
ion (element) { | 25 Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), funct
ion (element) { |
20 test(function () { | 26 test(function () { |
21 var actual = getComputedStyle(element).writingMode; | 27 var actual = getComputedStyle(element).writingMode; |
22 assert_equals(actual, element.dataset.expected); | 28 assert_equals(actual, element.dataset.expected); |
23 }, element.title || element.getAttribute("style")); | 29 }, element.title || element.getAttribute("style")); |
24 }); | 30 }); |
25 </script> | 31 </script> |
OLD | NEW |