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