| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>CSSValue comparison test</title> | 4 <title>CSSValue comparison test</title> |
| 5 <script type="text/javascript" src="../resources/testharness.js"></script> | 5 <script type="text/javascript" src="../resources/testharness.js"></script> |
| 6 <script type="text/javascript" src="../resources/testharnessreport.js"></scrip
t> | 6 <script type="text/javascript" src="../resources/testharnessreport.js"></scrip
t> |
| 7 </head> | 7 </head> |
| 8 <body onload="run()"> | 8 <body onload="run()"> |
| 9 <p>This test verifies that CSSValue objects comparison works correctly.</p> | 9 <p>This test verifies that CSSValue objects comparison works correctly.</p> |
| 10 <div id="test" contenteditable></div> | 10 <div id="test" contenteditable></div> |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 58 {"background-image" : ["-webkit-gradient(linear, left top, lef
t bottom, from(#ccc), to(#000))", "-webkit-gradient(radial, 45 45, 0, 52 50, 0,
from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62))"]}, // gradients | 58 {"background-image" : ["-webkit-gradient(linear, left top, lef
t bottom, from(#ccc), to(#000))", "-webkit-gradient(radial, 45 45, 0, 52 50, 0,
from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62))"]}, // gradients |
| 59 {"background-image" : ["radial-gradient(circle, #ccc, #000)"]}
, // gradients | 59 {"background-image" : ["radial-gradient(circle, #ccc, #000)"]}
, // gradients |
| 60 {"background-image" : ["linear-gradient(#000, #234)", "linear-
gradient(to top, #000, #234)"]}, // gradients | 60 {"background-image" : ["linear-gradient(#000, #234)", "linear-
gradient(to top, #000, #234)"]}, // gradients |
| 61 {"background-image" : ["-webkit-cross-fade(url(dummy://example
.png), url(dummy://example.png), 50%)", "-webkit-cross-fade(url(dummy://backgrou
nd.png), url(dummy://foreground.png), 80%)"]}, // crossfade | 61 {"background-image" : ["-webkit-cross-fade(url(dummy://example
.png), url(dummy://example.png), 50%)", "-webkit-cross-fade(url(dummy://backgrou
nd.png), url(dummy://foreground.png), 80%)"]}, // crossfade |
| 62 {"-webkit-box-reflect" : ["below 10px", "below 0px -webkit-gra
dient(linear, left top, left bottom, from(transparent), to(rgba(10, 55, 234, 1))
)"]}, // reflect | 62 {"-webkit-box-reflect" : ["below 10px", "below 0px -webkit-gra
dient(linear, left top, left bottom, from(transparent), to(rgba(10, 55, 234, 1))
)"]}, // reflect |
| 63 {"-webkit-box-shadow" : ["0 -20px 10px red, 0 20px 10px blue",
"0 20px 10px blue", "5px 5px 5px rgba(0, 0, 0, 0.3)"]}, // shadow | 63 {"-webkit-box-shadow" : ["0 -20px 10px red, 0 20px 10px blue",
"0 20px 10px blue", "5px 5px 5px rgba(0, 0, 0, 0.3)"]}, // shadow |
| 64 {"-webkit-transition-timing-function" : ["cubic-bezier(0.25, 0
.1, 0.25, 1)", "linear", "steps(3, end)"]}, // timing functions | 64 {"-webkit-transition-timing-function" : ["cubic-bezier(0.25, 0
.1, 0.25, 1)", "linear", "steps(3, end)"]}, // timing functions |
| 65 {"-webkit-transform" : ["rotate(30deg)", "translate(50px,50px)
", "scale(2,4)", "skew(30deg,20deg)", "matrix(0.4,0.5,-0.5,0.4,0,0)"]}, // trans
forms | 65 {"-webkit-transform" : ["rotate(30deg)", "translate(50px,50px)
", "scale(2,4)", "skew(30deg,20deg)", "matrix(0.4,0.5,-0.5,0.4,0,0)"]}, // trans
forms |
| 66 {"-webkit-line-box-contain" : ["inline-box", "font", "glyphs",
"replaced"]}, // line-box-contain | 66 {"-webkit-line-box-contain" : ["inline-box", "font", "glyphs",
"replaced"]}, // line-box-contain |
| 67 {"background-image" : ["-webkit-image-set(url(dummy://test.png
) 1x, url(dummy://test.png) 2x)", "-webkit-image-set(url(dummy://small.png) 2x,
url(dummy://big.png) 3x)"]}, // image set | 67 {"background-image" : ["-webkit-image-set(url(dummy://test.png
) 1x, url(dummy://test.png) 2x)", "-webkit-image-set(url(dummy://small.png) 2x,
url(dummy://big.png) 3x)"]}, // image set |
| 68 {"background-image" : ["image-set(url(dummy://test.png) 1x, ur
l(dummy://test.png) 2x)", "image-set(url(dummy://small.png) 2x, url(dummy://big.
png) 3x)"]}, // image set |
| 68 {"-webkit-filter" : ["grayscale(100%) sepia(100%)", "sepia(10%
) grayscale(50%)"]}, // filter | 69 {"-webkit-filter" : ["grayscale(100%) sepia(100%)", "sepia(10%
) grayscale(50%)"]}, // filter |
| 69 {"-webkit-dashboard-region" : ["dashboard-region(label circle)
", "dashboard-region(label circle 1px 2px 3px 4px) dashboard-region(label rectan
gle 5px 6px 7px 8px)"]} // dashboard region | 70 {"-webkit-dashboard-region" : ["dashboard-region(label circle)
", "dashboard-region(label circle 1px 2px 3px 4px) dashboard-region(label rectan
gle 5px 6px 7px 8px)"]} // dashboard region |
| 70 ]; | 71 ]; |
| 71 | 72 |
| 72 for (var index in tests) { | 73 for (var index in tests) { |
| 73 var testMap = tests[index]; | 74 var testMap = tests[index]; |
| 74 for (var key in testMap) { | 75 for (var key in testMap) { |
| 75 var testValues = testMap[key]; | 76 var testValues = testMap[key]; |
| 76 | 77 |
| 77 // Tests for equality. | 78 // Tests for equality. |
| 78 for(var testIndex in testValues) | 79 for(var testIndex in testValues) |
| 79 test(function() {assert_true(runTest(key, testValues[testIndex],
testValues[testIndex], true))}, "Two CSSValues \"" + testValues[testIndex] + "\
" for property \"" + key + "\" are equal."); | 80 test(function() {assert_true(runTest(key, testValues[testIndex],
testValues[testIndex], true))}, "Two CSSValues \"" + testValues[testIndex] + "\
" for property \"" + key + "\" are equal."); |
| 80 | 81 |
| 81 // Test that comparison of non-equal cssvalues return false. | 82 // Test that comparison of non-equal cssvalues return false. |
| 82 if (testValues.length > 1) | 83 if (testValues.length > 1) |
| 83 test(function() {assert_false(runTest(key, testValues[0], testVa
lues[1], false))}, "Two CSSValues \"" + testValues[0] + "\" and \"" + testValues
[1] + "\" for property \"" + key + "\" are not equal."); | 84 test(function() {assert_false(runTest(key, testValues[0], testVa
lues[1], false))}, "Two CSSValues \"" + testValues[0] + "\" and \"" + testValues
[1] + "\" for property \"" + key + "\" are not equal."); |
| 84 } | 85 } |
| 85 } | 86 } |
| 86 | 87 |
| 87 done(); | 88 done(); |
| 88 } | 89 } |
| 89 | 90 |
| 90 </script> | 91 </script> |
| 91 </body> | 92 </body> |
| 92 </html> | 93 </html> |
| OLD | NEW |