third_party/WebKit/LayoutTests/animations/responsive/line-height-responsive.html

   1 <!DOCTYPE html>
   2 <style>
   3 .target {
   4   font-size: 4px;
   5 }
   6 </style>
   7 <script src="resources/responsive-test.js"></script>
   8 <script>
   9 assertResponsive({
  10   property: 'line-height',
  11   from: 'inherit',
  12   to: '200px',
  13   configurations: [{
  14     state: {inherited: '100px'},
  15     expect: [
  16       {at: 0.25, is: '125px'},
  17       {at: 0.75, is: '175px'},
  18     ],
  19   }, {
  20     state: {inherited: '10'},
  21     expect: [
  22       {at: 0.25, is: '40px'},
  23       {at: 0.75, is: '200px'},
  24     ],
  25   }],
  26 });
  27
  28 assertResponsive({
  29   property: 'line-height',
  30   from: '',
  31   to: '200px',
  32   configurations: [{
  33     state: {underlying: '10'},
  34     expect: [
  35       {at: 0.25, is: '40px'},
  36       {at: 0.75, is: '200px'},
  37     ],
  38   }, {
  39     state: {underlying: '100px'},
  40     expect: [
  41       {at: 0.25, is: '125px'},
  42       {at: 0.75, is: '175px'},
  43     ],
  44   }, {
  45     state: {underlying: 'normal'},
  46     expect: [
  47       {at: 0.25, is: 'normal'},
  48       {at: 0.75, is: '200px'},
  49     ],
  50   }, {
  51     state: {underlying: 'inherit', inherited: '10'},
  52     expect: [
  53       {at: 0.25, is: '40px'},
  54       {at: 0.75, is: '200px'},
  55     ],
  56   }, {
  57     state: {underlying: 'inherit', inherited: '100px'},
  58     expect: [
  59       {at: 0.25, is: '125px'},
  60       {at: 0.75, is: '175px'},
  61     ],
  62   }, {
  63     state: {underlying: 'inherit', inherited: 'normal'},
  64     expect: [
  65       {at: 0.25, is: 'normal'},
  66       {at: 0.75, is: '200px'},
  67     ],
  68   }],
  69 });
  70
  71 assertResponsive({
  72   property: 'line-height',
  73   from: '',
  74   to: '20',
  75   configurations: [{
  76     state: {underlying: '10'},
  77     expect: [
  78       {at: 0.25, is: '50px'},
  79       {at: 0.75, is: '70px'},
  80     ],
  81   }, {
  82     state: {underlying: '100px'},
  83     expect: [
  84       {at: 0.25, is: '100px'},
  85       {at: 0.75, is: '80px'},
  86     ],
  87   }, {
  88     state: {underlying: 'normal'},
  89     expect: [
  90       {at: 0.25, is: 'normal'},
  91       {at: 0.75, is: '80px'},
  92     ],
  93   }, {
  94     state: {underlying: 'inherit', inherited: '10'},
  95     expect: [
  96       {at: 0.25, is: '50px'},
  97       {at: 0.75, is: '70px'},
  98     ],
  99   }, {
 100     state: {underlying: 'inherit', inherited: '100px'},
 101     expect: [
 102       {at: 0.25, is: '100px'},
 103       {at: 0.75, is: '80px'},
 104     ],
 105   }, {
 106     state: {underlying: 'inherit', inherited: 'normal'},
 107     expect: [
 108       {at: 0.25, is: 'normal'},
 109       {at: 0.75, is: '80px'},
 110     ],
 111   }],
 112 });
 113 </script>