third_party/WebKit/LayoutTests/animations/responsive/left-responsive.html

   1 <!DOCTYPE html>
   2 <script src="resources/responsive-test.js"></script>
   3 <script>
   4 assertResponsive({
   5   property: 'left',
   6   from: 'inherit',
   7   to: '200px',
   8   configurations: [{
   9     state: {inherited: '100px'},
  10     expect: [
  11       {at: 0.25, is: '125px'},
  12       {at: 0.75, is: '175px'},
  13     ],
  14   }, {
  15     state: {inherited: 'auto'},
  16     expect: [
  17       {at: 0.25, is: 'auto'},
  18       {at: 0.75, is: '200px'},
  19     ],
  20   }],
  21 });
  22
  23 assertResponsive({
  24   property: 'left',
  25   from: '',
  26   to: '200px',
  27   configurations: [{
  28     state: {underlying: '100px'},
  29     expect: [
  30       {at: 0.25, is: '125px'},
  31       {at: 0.75, is: '175px'},
  32     ],
  33   }, {
  34     state: {underlying: 'auto'},
  35     expect: [
  36       {at: 0.25, is: 'auto'},
  37       {at: 0.75, is: '200px'},
  38     ],
  39   }, {
  40     state: {underlying: 'inherit', inherited: '100px'},
  41     expect: [
  42       {at: 0.25, is: '125px'},
  43       {at: 0.75, is: '175px'},
  44     ],
  45   }, {
  46     state: {underlying: 'inherit', inherited: 'auto'},
  47     expect: [
  48       {at: 0.25, is: 'auto'},
  49       {at: 0.75, is: '200px'},
  50     ],
  51   }],
  52 });
  53 </script>