third_party/WebKit/LayoutTests/transforms/2d/resources/transform-test-utils.js

   1
   2 // compare matrix() strings with some slop on really small values
   3
   4 function floatingPointEqual(a, b)
   5 {
   6   const kEpsilon = 1e-4;
   7   return (Math.abs(a - b) < kEpsilon);
   8 }
   9
  10 function compareMatrices(a, b)
  11 {
  12   if (a == "none" && b == "none")
  13     return true;
  14
  15   var matrixRegex = /matrix(?:3d)?\((.+)\)/;
  16
  17   var resultA = matrixRegex.exec(a);
  18   var resultB = matrixRegex.exec(b);
  19   if (!resultA || !resultB)
  20     return false;
  21
  22   var aValues = resultA[1];
  23   var bValues = resultB[1];
  24
  25   var aComps = aValues.split(',');
  26   var bComps = bValues.split(',');
  27
  28   if (aComps.length != bComps.length)
  29     return false;
  30
  31   for (var i = 0; i < aComps.length; ++i)
  32   {
  33     if (!floatingPointEqual(aComps[i], bComps[i]))
  34       return false;
  35   }
  36
  37   return true;
  38 }
  39
  40 function testTransforms()
  41 {
  42   var testBox = document.getElementById('test-box');
  43   var resultsBox = document.getElementById('results');
  44
  45   gTests.forEach(function(curTest) {
  46     testBox.style.webkitTransform = 'none'; // reset the transform just in case the next step fails
  47     testBox.style.webkitTransform = curTest.transform;
  48     var computedTransform = window.getComputedStyle(testBox).webkitTransform;
  49
  50     var success = compareMatrices(computedTransform, curTest.result);
  51     var result;
  52     if (success)
  53       result = 'transform "<code>' + curTest.transform + '</code>" expected "<code>' + curTest.result + '</code>" : PASS';
  54     else
  55       result = 'transform "<code>' + curTest.transform + '</code>" expected "<code>' + curTest.result + '</code>", got "<code>' + computedTransform + '</code>" : FAIL';
  56     resultsBox.innerHTML += result + '<br>';
  57   });
  58 }