Bugzilla

		  file_bug842853.html \

		  file_bug842853.html \

		test_bug849219.html \

		test_bug849219.html \

		test_bug851485.html \

		test_bug851485.html \

		test_bug851445.html \

		test_bug851445.html \

		  bug851445_helper.html \

		  bug851445_helper.html \

		test_emulateMedium.html \

		test_emulateMedium.html \

		enableTestPlugin.js \

		enableTestPlugin.js \

		test_getClientRects_emptytext.html \

		test_getClientRects_emptytext.html \

		$(NULL)

		$(NULL)

ifeq (,$(filter gonk,$(MOZ_WIDGET_TOOLKIT)))

ifeq (,$(filter gonk,$(MOZ_WIDGET_TOOLKIT)))

# THESE TESTS (BELOW) DO NOT RUN ON B2G

# THESE TESTS (BELOW) DO NOT RUN ON B2G

MOCHITEST_FILES += \

MOCHITEST_FILES += \

		test_bug858459.html \

		test_bug858459.html \

		$(NULL)

		$(NULL)

# THESE TESTS (ABOVE) DO NOT RUN ON B2G

# THESE TESTS (ABOVE) DO NOT RUN ON B2G

var suppressedText;

var suppressedText;

var notInDocument = document.createElement('div');

var notInDocument = document.createElement('div');

function isEval(expr, b) {

function isEval(expr, b) {

  is(eval(expr), b, expr);

  is(eval(expr), b, expr);

}

}

function isApprox(a, b, msg, options) {

function isApprox(a, b, msg, options) {

      Math.abs(a - b) < options.tolerance) {

      Math.abs(a - b) < options.tolerance) {

    ok(true, msg + "(" + a + " within " + options.tolerance + " of " + b + ")");

    ok(true, msg + "(" + a + " within " + options.tolerance + " of " + b + ")");

    return;

    return;

  }

  }

  is(a, b, msg);

  is(a, b, msg);

}

}

}

}

  var q = quads[0];

  var q = quads[0];

}

}

</script>

</script>

<style>

<style>

em {

em {

  display:inline-block; height:10px; background:gray;

  display:inline-block; height:10px; background:gray;

}

}

</style>

</style>

<div id="dContainer"

<div id="dContainer"

  suppressedText = suppressedTextContainer.firstChild;

  suppressedText = suppressedTextContainer.firstChild;

  // Test basic BoxQuadOptions.box.

  // Test basic BoxQuadOptions.box.

  var dX = d.getBoundingClientRect().left;

  var dX = d.getBoundingClientRect().left;

  var dY = d.getBoundingClientRect().top;

  var dY = d.getBoundingClientRect().top;

  var dW = d.getBoundingClientRect().width;

  var dW = d.getBoundingClientRect().width;

  var dH = d.getBoundingClientRect().height;

  var dH = d.getBoundingClientRect().height;

                  dX + 4 + 8, dY + 1 + 5, 120, 90);

                  dX + 4 + 8, dY + 1 + 5, 120, 90);

                  dX + 8, dY + 5, 120 + 2 + 4, 90 + 1 + 3);

                  dX + 8, dY + 5, 120 + 2 + 4, 90 + 1 + 3);

                  dX, dY, dW, dH);

                  dX, dY, dW, dH);

                  dX, dY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  dX, dY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  dX - 12, dY - 9, 120 + 2 + 4 + 6 + 8 + 10 + 12, 90 + 1 + 3 + 5 + 7 + 9 + 11);

                  dX - 12, dY - 9, 120 + 2 + 4 + 6 + 8 + 10 + 12, 90 + 1 + 3 + 5 + 7 + 9 + 11);

  // Test basic BoxQuadOptions.relativeTo and BoxQuadOptions.relativeToBox.

  // Test basic BoxQuadOptions.relativeTo and BoxQuadOptions.relativeToBox.

                  12, 9, dW, dH);

                  12, 9, dW, dH);

                  12 + 16, 9 + 13, dW, dH);

                  12 + 16, 9 + 13, dW, dH);

                  12 + 16 + 20, 9 + 13 + 17, dW, dH);

                  12 + 16 + 20, 9 + 13 + 17, dW, dH);

                  12 + 16 + 20, 9 + 13 + 17, dW, dH);

                  12 + 16 + 20, 9 + 13 + 17, dW, dH);

                  12 + 16 + 20 + 24, 9 + 13 + 17 + 21, dW, dH);

                  12 + 16 + 20 + 24, 9 + 13 + 17 + 21, dW, dH);

  // Test BoxQuadOptions.relativeTo relative to this document          

  // Test BoxQuadOptions.relativeTo relative to this document          

                  dX, dY, dW, dH);

                  dX, dY, dW, dH);

  // Test BoxQuadOptions.relativeTo relative to a non-ancestor.             

  // Test BoxQuadOptions.relativeTo relative to a non-ancestor.             

  var dUnrelatedX = dUnrelated.getBoundingClientRect().left;

  var dUnrelatedX = dUnrelated.getBoundingClientRect().left;

  var dUnrelatedY = dUnrelated.getBoundingClientRect().top;

  var dUnrelatedY = dUnrelated.getBoundingClientRect().top;

                  dX - dUnrelatedX, dY - dUnrelatedY, dW, dH);

                  dX - dUnrelatedX, dY - dUnrelatedY, dW, dH);

  // Test BoxQuadOptions.relativeTo relative to an element in a different document (and the document)

  // Test BoxQuadOptions.relativeTo relative to an element in a different document (and the document)

  var f1X = f1.getBoundingClientRect().left;

  var f1X = f1.getBoundingClientRect().left;

  var f1Y = f1.getBoundingClientRect().top;

  var f1Y = f1.getBoundingClientRect().top;

  // The box type is irrelevant for a document

  // The box type is irrelevant for a document

  // Test one document relative to another

  // Test one document relative to another

                  f1X, f1Y, 50, 50);

                  f1X, f1Y, 50, 50);

  // The box type is irrelevant for a document

  // The box type is irrelevant for a document

                  f1X, f1Y, 50, 50);

                  f1X, f1Y, 50, 50);

                  f1X, f1Y, 50, 50);

                  f1X, f1Y, 50, 50);

                  f1X, f1Y, 50, 50);

                  f1X, f1Y, 50, 50);

  // Test that anonymous boxes are correctly ignored when building quads.

  // Test that anonymous boxes are correctly ignored when building quads.

  var ibSplitPart1X = ibSplitPart1.getBoundingClientRect().left;

  var ibSplitPart1X = ibSplitPart1.getBoundingClientRect().left;

  var ibSplitY = ibSplit.getBoundingClientRect().top;

  var ibSplitY = ibSplit.getBoundingClientRect().top;

  isEval("ibSplit.getBoxQuads().length", 3);

  isEval("ibSplit.getBoxQuads().length", 3);

  isEval("ibSplit.getBoxQuads()[0].bounds.left", ibSplitPart1X);

  isEval("ibSplit.getBoxQuads()[0].bounds.left", ibSplitPart1X);

  isEval("ibSplit.getBoxQuads()[0].bounds.width", 100);

  isEval("ibSplit.getBoxQuads()[0].bounds.width", 100);

  isEval("ibSplit.getBoxQuads()[1].bounds.width", 110);

  isEval("ibSplit.getBoxQuads()[1].bounds.width", 110);

  isEval("ibSplit.getBoxQuads()[2].bounds.width", 130);

  isEval("ibSplit.getBoxQuads()[2].bounds.width", 130);

  isEval("table.getBoxQuads().length", 2);

  isEval("table.getBoxQuads().length", 2);

  isEval("table.getBoxQuads()[0].bounds.height", 50);

  isEval("table.getBoxQuads()[0].bounds.height", 50);

  isEval("table.getBoxQuads()[1].bounds.height", 40);

  isEval("table.getBoxQuads()[1].bounds.height", 40);

  // Test that we skip anonymous boxes when finding the right box to be relative to.

  // Test that we skip anonymous boxes when finding the right box to be relative to.

                  dX - ibSplitPart1X, dY - ibSplitY, dW, dH);

                  dX - ibSplitPart1X, dY - ibSplitY, dW, dH);

  var tableX = table.getClientRects()[0].left;

  var tableX = table.getClientRects()[0].left;

  var tableY = table.getClientRects()[0].top;

  var tableY = table.getClientRects()[0].top;

                  dX - tableX, dY - tableY, dW, dH);

                  dX - tableX, dY - tableY, dW, dH);

  // Test boxes generated by block splitting. Check for borders being placed correctly.

  // Test boxes generated by block splitting. Check for borders being placed correctly.

  var colSplitY = colSplit.getClientRects()[0].top;

  var colSplitY = colSplit.getClientRects()[0].top;

  isEval("colSplit.getBoxQuads().length", 2);

  isEval("colSplit.getBoxQuads().length", 2);

  isEval("colSplit.getBoxQuads()[0].bounds.top", colSplitY);

  isEval("colSplit.getBoxQuads()[0].bounds.top", colSplitY);

  isEval("colSplit.getBoxQuads()[0].bounds.height", 60);

  isEval("colSplit.getBoxQuads()[0].bounds.height", 60);

  isEval("colSplit.getBoxQuads()[1].bounds.top", colSplitY - 20);

  isEval("colSplit.getBoxQuads()[1].bounds.top", colSplitY - 20);

  isEval("displayNone.getBoxQuads().length", 0);

  isEval("displayNone.getBoxQuads().length", 0);

  isEval("notInDocument.getBoxQuads().length", 0);

  isEval("notInDocument.getBoxQuads().length", 0);

  // Test an overflow:hidden version of d. overflow:hidden should not affect

  // Test an overflow:hidden version of d. overflow:hidden should not affect

  // the quads, basically.

  // the quads, basically.

  var oHX = overflowHidden.getBoundingClientRect().left;

  var oHX = overflowHidden.getBoundingClientRect().left;

  var oHY = overflowHidden.getBoundingClientRect().top;

  var oHY = overflowHidden.getBoundingClientRect().top;

                  oHX + 4 + 8, oHY + 1 + 5, 120, 90);

                  oHX + 4 + 8, oHY + 1 + 5, 120, 90);

                  oHX + 8, oHY + 5, 120 + 2 + 4, 90 + 1 + 3);

                  oHX + 8, oHY + 5, 120 + 2 + 4, 90 + 1 + 3);

                  oHX, oHY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oHX, oHY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oHX, oHY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oHX, oHY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oHX - 12, oHY - 9, 120 + 2 + 4 + 6 + 8 + 10 + 12, 90 + 1 + 3 + 5 + 7 + 9 + 11);

                  oHX - 12, oHY - 9, 120 + 2 + 4 + 6 + 8 + 10 + 12, 90 + 1 + 3 + 5 + 7 + 9 + 11);

  // Test an overflow:scroll version of d. I assume that boxes aren't affected

  // Test an overflow:scroll version of d. I assume that boxes aren't affected

  // by the scrollbar although it's not clear that this is correct.

  // by the scrollbar although it's not clear that this is correct.

  var oSX = overflowScroll.getBoundingClientRect().left;

  var oSX = overflowScroll.getBoundingClientRect().left;

  var oSY = overflowScroll.getBoundingClientRect().top;

  var oSY = overflowScroll.getBoundingClientRect().top;

                  oSX + 4 + 8, oSY + 1 + 5, 120, 90);

                  oSX + 4 + 8, oSY + 1 + 5, 120, 90);

                  oSX + 8, oSY + 5, 120 + 2 + 4, 90 + 1 + 3);

                  oSX + 8, oSY + 5, 120 + 2 + 4, 90 + 1 + 3);

                  oSX, oSY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oSX, oSY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oSX, oSY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oSX, oSY, 120 + 2 + 4 + 6 + 8, 90 + 1 + 3 + 5 + 7);

                  oSX - 12, oSY - 9, 120 + 2 + 4 + 6 + 8 + 10 + 12, 90 + 1 + 3 + 5 + 7 + 9 + 11);

                  oSX - 12, oSY - 9, 120 + 2 + 4 + 6 + 8 + 10 + 12, 90 + 1 + 3 + 5 + 7 + 9 + 11);

  // Test simple 2D transforms.

  // Test simple 2D transforms.

  var stcX = scaleTransformContainer.getBoundingClientRect().left;

  var stcX = scaleTransformContainer.getBoundingClientRect().left;

  var stcY = scaleTransformContainer.getBoundingClientRect().top;

  var stcY = scaleTransformContainer.getBoundingClientRect().top;

                  stcX, stcY, 140, 160);

                  stcX, stcY, 140, 160);

  var ttcX = translateTransformContainer.getBoundingClientRect().left;

  var ttcX = translateTransformContainer.getBoundingClientRect().left;

  var ttcY = translateTransformContainer.getBoundingClientRect().top;

  var ttcY = translateTransformContainer.getBoundingClientRect().top;

                  ttcX + 30, ttcY + 40, 70, 80);

                  ttcX + 30, ttcY + 40, 70, 80);

  // Test mapping into a transformed element.

  // Test mapping into a transformed element.

                  stcX - (ttcX + 30), stcY - (ttcY + 40), 140, 160);

                  stcX - (ttcX + 30), stcY - (ttcY + 40), 140, 160);

  // Test 90 degree rotation.

  // Test 90 degree rotation.

  var rotatetcX = rotateTransformContainer.getBoundingClientRect().left;

  var rotatetcX = rotateTransformContainer.getBoundingClientRect().left;

  var rotatetcY = rotateTransformContainer.getBoundingClientRect().top;

  var rotatetcY = rotateTransformContainer.getBoundingClientRect().top;

                  rotatetcX + 75, rotatetcY + 5,

                  rotatetcX + 75, rotatetcY + 5,

                  rotatetcX + 75, rotatetcY + 75,

                  rotatetcX + 75, rotatetcY + 75,

                  rotatetcX - 5, rotatetcY + 75,

                  rotatetcX - 5, rotatetcY + 75,

                  rotatetcX - 5, rotatetcY + 5);

                  rotatetcX - 5, rotatetcY + 5);

  // Test vertical flip.

  // Test vertical flip.

  var fliptcX = flipTransformContainer.getBoundingClientRect().left;

  var fliptcX = flipTransformContainer.getBoundingClientRect().left;

  var fliptcY = flipTransformContainer.getBoundingClientRect().top;

  var fliptcY = flipTransformContainer.getBoundingClientRect().top;

                  fliptcX, fliptcY + 80,

                  fliptcX, fliptcY + 80,

                  fliptcX + 70, fliptcY + 80,

                  fliptcX + 70, fliptcY + 80,

                  fliptcX + 70, fliptcY,

                  fliptcX + 70, fliptcY,

                  fliptcX, fliptcY);

                  fliptcX, fliptcY);

  // Test non-90deg rotation.

  // Test non-90deg rotation.

  var rot45tcX = rot45TransformContainer.getBoundingClientRect().left;

  var rot45tcX = rot45TransformContainer.getBoundingClientRect().left;

  var rot45tcY = rot45TransformContainer.getBoundingClientRect().top;

  var rot45tcY = rot45TransformContainer.getBoundingClientRect().top;

  var halfDiagonal = 100/Math.sqrt(2);

  var halfDiagonal = 100/Math.sqrt(2);

                  rot45tcX + 50, rot45tcY + 50 - halfDiagonal,

                  rot45tcX + 50, rot45tcY + 50 - halfDiagonal,

                  rot45tcX + 50 + halfDiagonal, rot45tcY + 50,

                  rot45tcX + 50 + halfDiagonal, rot45tcY + 50,

                  rot45tcX + 50, rot45tcY + 50 + halfDiagonal,

                  rot45tcX + 50, rot45tcY + 50 + halfDiagonal,

  // Test singular transforms.

  // Test singular transforms.

  var singularTransformX = singularTransform.getBoundingClientRect().left;

  var singularTransformX = singularTransform.getBoundingClientRect().left;

  var singularTransformY = singularTransform.getBoundingClientRect().top;

  var singularTransformY = singularTransform.getBoundingClientRect().top;

  // They map everything to a point.

  // They map everything to a point.

                  singularTransformX, singularTransformY, 0, 0);

                  singularTransformX, singularTransformY, 0, 0);

                  singularTransformX, singularTransformY, 0, 0);

                  singularTransformX, singularTransformY, 0, 0);

  // Mapping into an element with a singular transform from outside sets

  // Mapping into an element with a singular transform from outside sets

  // everything to zero.

  // everything to zero.

                  0, 0, 0, 0);

                  0, 0, 0, 0);

  // But mappings within a subtree of an element with a singular transform work.

  // But mappings within a subtree of an element with a singular transform work.

                  0, 50, 200, 50);

                  0, 50, 200, 50);

  // Test 3D transforms.

  // Test 3D transforms.

  var t3tcX = threeDTransformContainer.getBoundingClientRect().left;

  var t3tcX = threeDTransformContainer.getBoundingClientRect().left;

  var t3tcY = threeDTransformContainer.getBoundingClientRect().top;

  var t3tcY = threeDTransformContainer.getBoundingClientRect().top;

                  t3tcX + 59.446714, t3tcY - 18.569847,

                  t3tcX + 59.446714, t3tcY - 18.569847,

                  t3tcX + 129.570778, t3tcY + 13.540874,

                  t3tcX + 129.570778, t3tcY + 13.540874,

                  t3tcX + 129.570778, t3tcY + 100,

                  t3tcX + 129.570778, t3tcY + 100,

  // Test nested 3D transforms (without preserve-3d).

  // Test nested 3D transforms (without preserve-3d).

                  t3tcX + 89.395061, t3tcY + 2.243033,

                  t3tcX + 89.395061, t3tcY + 2.243033,

                  t3tcX + 113.041727, t3tcY - 2.758530,

                  t3tcX + 113.041727, t3tcY - 2.758530,

                  t3tcX + 113.041727, t3tcY + 52.985921,

                  t3tcX + 113.041727, t3tcY + 52.985921,

  // Test preserve-3D.

  // Test preserve-3D.

  var p3dtcX = preserve3DTransformContainer.getBoundingClientRect().left;

  var p3dtcX = preserve3DTransformContainer.getBoundingClientRect().left;

  var p3dtcY = preserve3DTransformContainer.getBoundingClientRect().top;

  var p3dtcY = preserve3DTransformContainer.getBoundingClientRect().top;

                  p3dtcX, p3dtcY, 200, 50,

                  p3dtcX, p3dtcY, 200, 50,

                  {tolerance:0.0001});

                  {tolerance:0.0001});

  // Test mapping back into preserve-3D.

  // Test mapping back into preserve-3D.

  // Test SVG.

  // Test SVG.

  var svgContainerX = svgContainer.getBoundingClientRect().left;

  var svgContainerX = svgContainer.getBoundingClientRect().left;

  var svgContainerY = svgContainer.getBoundingClientRect().top;

  var svgContainerY = svgContainer.getBoundingClientRect().top;

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

  // Box types are ignored for SVG elements.

  // Box types are ignored for SVG elements.

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

                  svgContainerX + 30, svgContainerY + 30, 40, 40);

                  dX - (svgContainerX + 30), dY - (svgContainerY + 30), dW, dH);

                  dX - (svgContainerX + 30), dY - (svgContainerY + 30), dW, dH);

  // Test foreignObject inside an SVG transform.

  // Test foreignObject inside an SVG transform.

                  svgContainerX + 100, svgContainerY + 40, 200, 120);

                  svgContainerX + 100, svgContainerY + 40, 200, 120);

  // XXX Test SVG text (probably broken; unclear what the best way is to handle it)

  // XXX Test SVG text (probably broken; unclear what the best way is to handle it)

  // Test that converting between nodes in different toplevel browsing contexts

  // Test that converting between nodes in different toplevel browsing contexts

  // throws an exception.

  // throws an exception.

  var openedWindow = window.open("data:text/html,<div id='d'>","");

  var openedWindow = window.open("data:text/html,<div id='d'>","");

  openedWindow.addEventListener("load", function() {

  openedWindow.addEventListener("load", function() {