OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script src="../../resources/testharness.js"></script> |
| 5 <script src="../../resources/testharnessreport.js"></script> |
| 6 <style> |
| 7 #div1, #div2 { |
| 8 color: red; |
| 9 outline: dotted; |
| 10 counter-increment: foo bar 2; |
| 11 counter-reset: quix 2 counter 0; |
| 12 grid-template-areas: "a a" |
| 13 "b b"; |
| 14 cursor: url(foo.cur), url(bar.cur), help; |
| 15 -webkit-border-before-color: red; |
| 16 } |
| 17 |
| 18 #div3 { |
| 19 color: #f00; |
| 20 outline: double; |
| 21 counter-increment: bar 2 foo 1; |
| 22 counter-reset: counter quix 2; |
| 23 grid-template-areas: "c c" |
| 24 "b b"; |
| 25 border-top-color: red; |
| 26 } |
| 27 |
| 28 #div4 { |
| 29 counter-increment: foo; |
| 30 cursor: text; |
| 31 } |
| 32 |
| 33 #div5 { |
| 34 counter-reset: foo; |
| 35 grid-template-areas: "a a" |
| 36 "b b b"; |
| 37 cursor: text; |
| 38 } |
| 39 </style> |
| 40 </head> |
| 41 <body> |
| 42 <div id="div1"> |
| 43 <div id="div4"></div> |
| 44 </div> |
| 45 <div id="div2"></div> |
| 46 <div id="div3"></div> |
| 47 <div id="div5"></div> |
| 48 <script> |
| 49 |
| 50 test(() => { |
| 51 assert_true(internals.isCSSPropertyEqual('color', div2, div4)); |
| 52 assert_true(internals.isCSSPropertyEqual('color', div1, div3)); |
| 53 }, 'Test color property equality'); |
| 54 |
| 55 test(() => { |
| 56 assert_true(internals.isCSSPropertyEqual('outline-style', div1, div2)); |
| 57 assert_false(internals.isCSSPropertyEqual('outline-style', div1, div3)); |
| 58 assert_false(internals.isCSSPropertyEqual('outline-style', div1, div4)); |
| 59 }, 'Test outline-style property equality'); |
| 60 |
| 61 test(() => { |
| 62 assert_true(internals.isCSSPropertyEqual('counter-increment', div1, div2)); |
| 63 assert_true(internals.isCSSPropertyEqual('counter-increment', div1, div3)); |
| 64 assert_false(internals.isCSSPropertyEqual('counter-increment', div1, div4)); |
| 65 assert_false(internals.isCSSPropertyEqual('counter-increment', div1, div5)); |
| 66 }, 'Test counter-increment property equality'); |
| 67 |
| 68 test(() => { |
| 69 assert_true(internals.isCSSPropertyEqual('counter-reset', div1, div2)); |
| 70 assert_true(internals.isCSSPropertyEqual('counter-reset', div1, div3)); |
| 71 assert_false(internals.isCSSPropertyEqual('counter-reset', div1, div4)); |
| 72 assert_false(internals.isCSSPropertyEqual('counter-reset', div1, div5)); |
| 73 }, 'Test counter-reset property equality'); |
| 74 |
| 75 test(() => { |
| 76 assert_true(internals.isCSSPropertyEqual('grid-template-areas', div1, div2))
; |
| 77 assert_false(internals.isCSSPropertyEqual('grid-template-areas', div1, div3)
); |
| 78 assert_false(internals.isCSSPropertyEqual('grid-template-areas', div1, div4)
); |
| 79 assert_false(internals.isCSSPropertyEqual('grid-template-areas', div1, div5)
); |
| 80 }, 'Test grid-template-areas property equality'); |
| 81 |
| 82 test(() => { |
| 83 assert_true(internals.isCSSPropertyEqual('cursor', div1, div2)); |
| 84 assert_true(internals.isCSSPropertyEqual('cursor', div4, div5)); |
| 85 assert_false(internals.isCSSPropertyEqual('cursor', div1, div3)); |
| 86 assert_false(internals.isCSSPropertyEqual('cursor', div1, div4)); |
| 87 }, 'Test cursor property equality'); |
| 88 |
| 89 test(() => { |
| 90 assert_true(internals.isCSSPropertyEqual('border-top-color', div1, div2)); |
| 91 assert_true(internals.isCSSPropertyEqual('-webkit-border-before-color', div1
, div2)); |
| 92 assert_true(internals.isCSSPropertyEqual('border-top-color', div1, div3)); |
| 93 assert_true(internals.isCSSPropertyEqual('-webkit-border-before-color', div1
, div3)); |
| 94 }, 'Test border-top-color/-webkit-border-before-color property equality'); |
| 95 |
| 96 </script> |
| 97 </body> |
| 98 </html> |
OLD | NEW |