| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 <script src="../js/resources/js-test-pre.js"></script> | 4 <script src="../js/resources/js-test-pre.js"></script> |
| 5 <script> | 5 <script> |
| 6 | 6 |
| 7 description("This test ensures WebKit uses shorthand notations for cssText"); | 7 description("This test ensures WebKit uses shorthand notations for cssText"); |
| 8 | 8 |
| 9 var tests = [ | 9 var tests = [ |
| 10 // FIXME: This exhibits a bug. We shouldn't be outputing border-image here. | 10 // FIXME: This exhibits a bug. We shouldn't be outputing border-image here. |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 ['border: 1px; border-top-color: red;', | 22 ['border: 1px; border-top-color: red;', |
| 23 'border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
border-top-width: 1px; border-top-color: red;'], | 23 'border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
border-top-width: 1px; border-top-color: red;'], |
| 24 ['border: solid; border-style: dotted', 'border: dotted;'], | 24 ['border: solid; border-style: dotted', 'border: dotted;'], |
| 25 | 25 |
| 26 ['-webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 2
px;', 'border-spacing: 1px 2px;'], | 26 ['-webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 2
px;', 'border-spacing: 1px 2px;'], |
| 27 | 27 |
| 28 // We don't use shorthand for font-family, etc... for compatibility reasons | 28 // We don't use shorthand for font-family, etc... for compatibility reasons |
| 29 ['font-family: sans-serif; line-height: 2em; font-size: 3em; font-style: ita
lic; font-weight: bold;', | 29 ['font-family: sans-serif; line-height: 2em; font-size: 3em; font-style: ita
lic; font-weight: bold;', |
| 30 'font-family: sans-serif; line-height: 2em; font-size: 3em; font-style:
italic; font-weight: bold;'], | 30 'font-family: sans-serif; line-height: 2em; font-size: 3em; font-style:
italic; font-weight: bold;'], |
| 31 | 31 |
| 32 ['list-style-type: circle; list-style-position: inside; list-style-image: in
itial;', 'list-style: circle inside;'], | 32 ['list-style-type: circle; list-style-position: inside;', 'list-style: circl
e inside;'], |
| 33 ['margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;'
, 'margin: 1px 2px 3px 4px;'], | 33 ['margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;'
, 'margin: 1px 2px 3px 4px;'], |
| 34 ['outline-width: 2px; outline-style: dotted; outline-color: blue;', 'outline
: blue dotted 2px;'], | 34 ['outline-width: 2px; outline-style: dotted; outline-color: blue;', 'outline
: blue dotted 2px;'], |
| 35 ['overflow-x: scroll; overflow-y: hidden;', 'overflow: scroll hidden;'], | 35 ['overflow-x: scroll; overflow-y: hidden;', 'overflow: scroll hidden;'], |
| 36 ['padding-top: 1px; padding-right: 2px; padding-bottom: 3px; padding-left: 4
px;', 'padding: 1px 2px 3px 4px;'], | 36 ['padding-top: 1px; padding-right: 2px; padding-bottom: 3px; padding-left: 4
px;', 'padding: 1px 2px 3px 4px;'], |
| 37 ]; | 37 ]; |
| 38 | 38 |
| 39 function normalizeCssText(text) { return text.trim().split(/;\s*/).sort().slice(
1).join("; "); } | 39 function normalizeCssText(text) { return text.trim().split(/;\s*/).sort().slice(
1).join("; "); } |
| 40 | 40 |
| 41 var element; | 41 var element; |
| 42 tests.forEach(function (test) { | 42 tests.forEach(function (test) { |
| 43 var styleAttribute = test[0]; | 43 var styleAttribute = test[0]; |
| 44 var expectedCssText = test[1]; | 44 var expectedCssText = test[1]; |
| 45 | 45 |
| 46 element = document.createElement('div'); | 46 element = document.createElement('div'); |
| 47 element.setAttribute('style', styleAttribute); | 47 element.setAttribute('style', styleAttribute); |
| 48 | 48 |
| 49 shouldBe('normalizeCssText(element.style.cssText)', '"' + normalizeCssText(e
xpectedCssText) + '"'); | 49 shouldBe('normalizeCssText(element.style.cssText)', '"' + normalizeCssText(e
xpectedCssText) + '"'); |
| 50 }); | 50 }); |
| 51 | 51 |
| 52 </script> | 52 </script> |
| 53 <script src="../js/resources/js-test-post.js"></script> | 53 <script src="../js/resources/js-test-post.js"></script> |
| 54 </body> | 54 </body> |
| 55 </html> | 55 </html> |
| OLD | NEW |