| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/responsive-test.js"></script> | 2 <script src="resources/responsive-test.js"></script> |
| 3 <script> | 3 <script> |
| 4 assertResponsive({ | 4 assertCSSResponsive({ |
| 5 property: 'background-image', | 5 property: 'background-image', |
| 6 to: 'url("test://to")', | 6 to: 'url("test://to")', |
| 7 configurations: [{ | 7 configurations: [{ |
| 8 state: {underlying: 'url("test://a")'}, | 8 state: {underlying: 'url("test://a")'}, |
| 9 expect: [ | 9 expect: [ |
| 10 {at: 0.25, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.25
)'}, | 10 {at: 0.25, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.25
)'}, |
| 11 {at: 0.75, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.75
)'}, | 11 {at: 0.75, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.75
)'}, |
| 12 ], | 12 ], |
| 13 }, { | 13 }, { |
| 14 state: {underlying: 'url("test://b"), url("test://c")'}, | 14 state: {underlying: 'url("test://b"), url("test://c")'}, |
| 15 expect: [ | 15 expect: [ |
| 16 {at: 0.25, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.25
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.25)'}, | 16 {at: 0.25, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.25
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.25)'}, |
| 17 {at: 0.75, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.75
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.75)'}, | 17 {at: 0.75, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.75
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.75)'}, |
| 18 ], | 18 ], |
| 19 }, { | 19 }, { |
| 20 state: {underlying: 'none'}, | 20 state: {underlying: 'none'}, |
| 21 expect: [ | 21 expect: [ |
| 22 {at: 0.25, is: 'none'}, | 22 {at: 0.25, is: 'none'}, |
| 23 {at: 0.75, is: 'url("test://to")'}, | 23 {at: 0.75, is: 'url("test://to")'}, |
| 24 ], | 24 ], |
| 25 }], | 25 }], |
| 26 }); | 26 }); |
| 27 | 27 |
| 28 assertResponsive({ | 28 assertCSSResponsive({ |
| 29 property: 'background-image', | 29 property: 'background-image', |
| 30 from: 'inherit', | 30 from: 'inherit', |
| 31 to: 'url("test://to")', | 31 to: 'url("test://to")', |
| 32 configurations: [{ | 32 configurations: [{ |
| 33 state: {inherited: 'url("test://a")'}, | 33 state: {inherited: 'url("test://a")'}, |
| 34 expect: [ | 34 expect: [ |
| 35 {at: 0.25, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.25
)'}, | 35 {at: 0.25, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.25
)'}, |
| 36 {at: 0.75, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.75
)'}, | 36 {at: 0.75, is: '-webkit-cross-fade(url("test://a"), url("test://to"), 0.75
)'}, |
| 37 ], | 37 ], |
| 38 }, { | 38 }, { |
| 39 state: {inherited: 'url("test://b"), url("test://c")'}, | 39 state: {inherited: 'url("test://b"), url("test://c")'}, |
| 40 expect: [ | 40 expect: [ |
| 41 {at: 0.25, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.25
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.25)'}, | 41 {at: 0.25, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.25
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.25)'}, |
| 42 {at: 0.75, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.75
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.75)'}, | 42 {at: 0.75, is: '-webkit-cross-fade(url("test://b"), url("test://to"), 0.75
), -webkit-cross-fade(url("test://c"), url("test://to"), 0.75)'}, |
| 43 ], | 43 ], |
| 44 }, { | 44 }, { |
| 45 state: {inherited: 'none'}, | 45 state: {inherited: 'none'}, |
| 46 expect: [ | 46 expect: [ |
| 47 {at: 0.25, is: 'none'}, | 47 {at: 0.25, is: 'none'}, |
| 48 {at: 0.75, is: 'url("test://to")'}, | 48 {at: 0.75, is: 'url("test://to")'}, |
| 49 ], | 49 ], |
| 50 }], | 50 }], |
| 51 }); | 51 }); |
| 52 </script> | 52 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1450123003:
Add SVG animation support to responsive-test.js (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@_responsiveNeutralValueFormat