third_party/WebKit/LayoutTests/transforms/rotate-parsing.html

   1 <!DOCTYPE html>
   2 <script src="../resources/testharness.js"></script>
   3 <script src="../resources/testharnessreport.js"></script>
   4 <div id="target" style="width: 100px; height: 200px; display: inline-block"></div>
   5 <script src="resources/parsing-test-helper.js"></script>
   6 <script>
   7 expect = expect.bind(this, 'rotate', 'rotate');
   8
   9 expect('initial').parsesAs('initial').isComputedTo('0deg');
  10 expect('inherit').parsesAs('inherit');
  11
  12 expect('10deg').parsesAs('10deg').isComputedTo('10deg');
  13 expect('10deg 0 0 1').parsesAs('10deg 0 0 1').isComputedTo('10deg');
  14 expect('10deg -1.5 2 3').parsesAs('10deg -1.5 2 3').isComputedTo('10deg -1.5 2 3');
  15
  16 expect('200grad').parsesAs('200grad').isComputedTo('180deg');
  17 expect('1rad').parsesAs('1rad').isComputedTo('57.2958deg');
  18 expect('0.25turn 0 2 0').parsesAs('0.25turn 0 2 0').isComputedTo('90deg 0 2 0');
  19
  20 expect('calc(1turn - 270deg)').parsesAs('calc(90deg)').isComputedTo('90deg');
  21 expect('calc(1turn - 270deg + 400grad) 0 calc(0.5 + 0.5) 1').parsesAs('calc(450deg) 0 1 1').isComputedTo('450deg 0 1 1');
  22
  23 expect('2').isInvalid();
  24 expect('none').isInvalid();
  25 expect('2deg 1').isInvalid();
  26 expect('45deg 1 2').isInvalid();
  27 expect('45deg 1 2 3 4').isInvalid();
  28 expect('1 2 3 45deg').isInvalid();
  29 expect('10%').isInvalid();
  30 expect('10% 0 0 1').isInvalid();
  31 expect('calc(1 + 2)').isInvalid();
  32 expect('20deg calc(20deg) 0 0').isInvalid()
  33 </script>