| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <script src="resources/responsive-test.js"></script> | |
| 3 <script> | |
| 4 assertCSSResponsive({ | |
| 5 property: 'shape-outside', | |
| 6 from: neutralKeyframe, | |
| 7 to: 'circle(100px at 200px 300px)', | |
| 8 configurations: [{ | |
| 9 state: {underlying: 'inset(50px)'}, | |
| 10 expect: [ | |
| 11 {at: 0.25, is: 'inset(50px)'}, | |
| 12 {at: 0.75, is: 'circle(100px at 200px 300px)'}, | |
| 13 ], | |
| 14 }, { | |
| 15 state: {underlying: 'circle(200px at 0px 0px)'}, | |
| 16 expect: [ | |
| 17 {at: 0.25, is: 'circle(175px at 50px 75px)'}, | |
| 18 {at: 0.75, is: 'circle(125px at 150px 225px)'}, | |
| 19 ], | |
| 20 }], | |
| 21 }); | |
| 22 | |
| 23 assertCSSResponsive({ | |
| 24 property: 'shape-outside', | |
| 25 from: 'inherit', | |
| 26 to: 'polygon(140px 240px, 340px 440px)', | |
| 27 configurations: [{ | |
| 28 state: {inherited: 'polygon(100px 200px, 300px 400px, 500px 600px)'}, | |
| 29 expect: [ | |
| 30 {at: 0.25, is: 'polygon(100px 200px, 300px 400px, 500px 600px)'}, | |
| 31 {at: 0.75, is: 'polygon(140px 240px, 340px 440px)'}, | |
| 32 ], | |
| 33 }, { | |
| 34 state: {inherited: 'polygon(100px 200px, 300px 400px)'}, | |
| 35 expect: [ | |
| 36 {at: 0.25, is: 'polygon(110px 210px, 310px 410px)'}, | |
| 37 {at: 0.75, is: 'polygon(130px 230px, 330px 430px)'}, | |
| 38 ], | |
| 39 }], | |
| 40 }); | |
| 41 </script> | |
| OLD | NEW |