| krit@webkit.org | c6037a2 | 2014-03-14 02:25:41 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <style> |
| 4 | * { font-size: 16px; } |
| 5 | div { font-size: 8px; } |
| 6 | </style> |
| 7 | <body> |
| 8 | <script src="../../resources/js-test-pre.js"></script> |
| 9 | <script> |
| 10 | description('Test parsing, element style and computed style for paint-order property.'); |
| 11 | |
| 12 | function computedStyle(property, value) { |
| 13 | var div = document.createElement("div"); |
| 14 | document.body.appendChild(div); |
| 15 | div.style.setProperty(property, value); |
| 16 | var computedValue = getComputedStyle(div).getPropertyValue(property); |
| 17 | document.body.removeChild(div); |
| 18 | return computedValue; |
| 19 | } |
| 20 | |
| 21 | function innerStyle(property, value) { |
| 22 | var div = document.createElement("div"); |
| 23 | div.style.setProperty(property, value); |
| 24 | return div.style.getPropertyValue(property); |
| 25 | } |
| 26 | |
| 27 | function testComputed(property, value, expected) { |
| 28 | shouldBeEqualToString('computedStyle("' + property + '", "' + value + '")', expected); |
| 29 | } |
| 30 | |
| 31 | function testInner(property, value, expected) { |
| 32 | if (expected === null) |
| benjamin@webkit.org | d430aac | 2015-08-04 05:14:43 +0000 | [diff] [blame] | 33 | expected = ""; |
| 34 | shouldBeEqualToString('innerStyle("' + property + '", "' + value + '")', expected); |
| krit@webkit.org | c6037a2 | 2014-03-14 02:25:41 +0000 | [diff] [blame] | 35 | } |
| 36 | |
| 37 | function negativeTest(property, value) { |
| 38 | testInner(property, value, null); |
| 39 | testComputed(property, value, 'normal'); |
| 40 | } |
| 41 | |
| 42 | // Test element style. |
| 43 | testInner("paint-order", "normal", "normal"); |
| 44 | testInner("paint-order", "fill", "fill"); |
| 45 | testInner("paint-order", "stroke", "stroke"); |
| 46 | testInner("paint-order", "markers", "markers"); |
| 47 | testInner("paint-order", "fill stroke", "fill"); |
| 48 | testInner("paint-order", "fill stroke markers", "fill"); |
| 49 | testInner("paint-order", "fill markers", "fill markers"); |
| 50 | testInner("paint-order", "fill markers stroke", "fill markers"); |
| 51 | testInner("paint-order", "stroke fill", "stroke"); |
| 52 | testInner("paint-order", "stroke fill markers", "stroke"); |
| 53 | testInner("paint-order", "stroke markers", "stroke markers"); |
| 54 | testInner("paint-order", "stroke markers fill", "stroke markers"); |
| 55 | testInner("paint-order", "stroke fill", "stroke"); |
| 56 | testInner("paint-order", "stroke fill markers", "stroke"); |
| 57 | testInner("paint-order", "stroke markers", "stroke markers"); |
| 58 | testInner("paint-order", "stroke markers fill", "stroke markers"); |
| 59 | |
| 60 | // Test computed style. |
| 61 | testComputed("paint-order", "normal", "normal"); |
| 62 | testComputed("paint-order", "fill", "fill"); |
| 63 | testComputed("paint-order", "stroke", "stroke"); |
| 64 | testComputed("paint-order", "markers", "markers"); |
| 65 | testComputed("paint-order", "fill stroke", "fill"); |
| 66 | testComputed("paint-order", "fill stroke markers", "fill"); |
| 67 | testComputed("paint-order", "fill markers", "fill markers"); |
| 68 | testComputed("paint-order", "fill markers stroke", "fill markers"); |
| 69 | testComputed("paint-order", "stroke fill", "stroke"); |
| 70 | testComputed("paint-order", "stroke fill markers", "stroke"); |
| 71 | testComputed("paint-order", "stroke markers", "stroke markers"); |
| 72 | testComputed("paint-order", "stroke markers fill", "stroke markers"); |
| 73 | testComputed("paint-order", "stroke fill", "stroke"); |
| 74 | testComputed("paint-order", "stroke fill markers", "stroke"); |
| 75 | testComputed("paint-order", "stroke markers", "stroke markers"); |
| 76 | testComputed("paint-order", "stroke markers fill", "stroke markers"); |
| 77 | |
| 78 | // Negative tests. |
| 79 | negativeTest("paint-order", "normal fill"); |
| 80 | negativeTest("paint-order", "normal stroke"); |
| 81 | negativeTest("paint-order", "normal markers"); |
| 82 | negativeTest("paint-order", "fill fill"); |
| 83 | negativeTest("paint-order", "stroke stroke"); |
| 84 | negativeTest("paint-order", "markers markers"); |
| 85 | negativeTest("paint-order", "markers fill markers"); |
| 86 | negativeTest("paint-order", "markers stroke markers"); |
| 87 | |
| 88 | </script> |
| 89 | <script src="../../resources/js-test-post.js"></script> |
| 90 | </body> |
| 91 | </html> |
