<!DOCTYPE html>

<html>
<head>
  <title>atoms_test.html</title>
  <script type="text/javascript" src="test_bootstrap.js">
  </script>
  <script type="text/javascript">
    goog.require('goog.math.Coordinate');
    goog.require('goog.math.Rect');
    goog.require('goog.math.Size');
    goog.require('goog.testing.jsunit');
    goog.require('webdriver.chrome');
  </script>

  <script type="text/javascript">
    function testComputeScrollOffsets() {
      function computeX(left, right, center) {
        var offsets = webdriver.chrome.computeScrollOffsets_(
            new goog.math.Size(10, 10),
            new goog.math.Rect(left, 1, right - left, 2),
            center);
        return offsets.x;
      }
      // In bounds
      assertEquals(0, computeX(1, 5, false));
      // On left edge
      assertEquals(0, computeX(0, 5, false));
      // Overlap left edge
      assertEquals(-1, computeX(-1, 5, false));
      // Past left edge
      assertEquals(-5, computeX(-5, -1, false));
      // On right edge
      assertEquals(0, computeX(5, 10, false));
      // Overlap right edge
      assertEquals(1, computeX(5, 11, false));
      // Past right edge
      assertEquals(4, computeX(12, 14, false));
      // Too big
      assertEquals(-1, computeX(-1, 11, false));
      assertEquals(2, computeX(-1, 15, true));

      function computeY(top, bottom, center) {
        var offsets = webdriver.chrome.computeScrollOffsets_(
            new goog.math.Size(10, 10),
            new goog.math.Rect(1, top, 2, bottom - top),
            center);
        return offsets.y;
      }
      // Above top edge
      assertEquals(-3, computeY(-3, -1, false));
      // Below bottom edge
      assertEquals(5, computeY(13, 15, false));
      // Too big
      assertEquals(-1, computeY(-1, 11, false));
      assertEquals(2, computeY(-1, 15, true));
    }

    function testComputeOffsetInContainer() {
      function computeY(container, elem) {
        return webdriver.chrome.computeOffsetInContainer_(
            document.getElementById(container),
            document.getElementById(elem)).y;
      }
      // Padding/margins/borders
      assertEquals(17, computeY('c1', 'e1'));

      // Absolute positioning
      assertEquals(50, computeY('c2', 'e2'));

      // Container hidden
      assertEquals(0, computeY('c3', 'e3'));

      // Element hidden
      assertEquals(0, computeY('c4', 'e4'));

      // Not displayed
      assertEquals(0, computeY('c5', 'e5'));
    }

    function testGetLocationInViewNoSroll() {
      var elem = frames[0].document.getElementById('elem0');
      var coord = webdriver.chrome.getLocationInView(
          elem, false, new goog.math.Rect(0,0,4,4));
      var tolerance = 1;
      assertRoughlyEquals(108, coord.x, tolerance);
      assertRoughlyEquals(108, coord.y, tolerance);
      assertEquals(0, frames[0].document.documentElement.scrollLeft);
      assertEquals(0, frames[0].document.documentElement.scrollTop);
    }

    function testGetLocationInViewScrolling() {
      var elem = frames[0].document.getElementById('elem');
      var coord = webdriver.chrome.getLocationInView(
          elem, false, new goog.math.Rect(0,0,4,4));
      var tolerance = 1;
      assertRoughlyEquals(280, coord.x, tolerance);
      assertRoughlyEquals(280, coord.y, tolerance);
      assertEquals(408, frames[0].document.documentElement.scrollLeft);
      assertEquals(408, frames[0].document.documentElement.scrollTop);
    }

    function testGetLocationInViewDocumentElement() {
      var elem = document.documentElement;
      var coord = webdriver.chrome.getLocationInView(
          elem, false, new goog.math.Rect(0,0,4,4));
      assertEquals(0, coord.x);
      assertEquals(0, coord.y);
      assertEquals(0, document.documentElement.scrollLeft);
      assertEquals(0, document.documentElement.scrollTop);
    }

    function testGetLocationInViewFrameDocumentElement() {
      var elem = frames[0].document.documentElement;
      var coord = webdriver.chrome.getLocationInView(
          elem, false, new goog.math.Rect(0,0,4,4));
      assertEquals(0, coord.x);
      assertEquals(0, coord.y);
      assertEquals(0, frames[0].document.documentElement.scrollLeft);
      assertEquals(0, frames[0].document.documentElement.scrollTop);
    }

    function testGetFirstClientRect() {
      var rect = webdriver.chrome.getFirstClientRect(
          document.getElementById('span'));
      assertEquals(0, rect.left);
      assertEquals(0, rect.top);
      assertTrue(rect.width > 0);
      assertTrue(rect.height > 0);
    }

    function testGetFirstClientRectThrows() {
      assertThrows(function() {
            webdriver.chrome.getFirstClientRect(
              document.getElementById('e5'));
          });
    }
  </script>
</head>
<style>
  body {
    padding: 0px;
    margin: 0px;
  }
  #c1 {
    padding-top: 1px;
    margin-top: 2px;
    border: 0px solid blue;
    border-top-width: 4px;
  }
  #e1 {
    padding-top: 8px;
    margin-top: 16px;
    border: 0px solid red;
    border-top-width: 32px;
  }
</style>
<body id='body'>
  <div id='c1'>
    <div id='e1'>1</div>
  </div>
  <div id='c2' style='position:fixed; top:50px'>
    <div id='e2' style='position:absolute; top:50px'>2</div>
  </div>
  <div id='c3' style='visibility:hidden'>
    <div id='e3'>3</div>
  </div>
  <div id='c4'>
    <div id='e4' style='visibility:hidden'>4</div>
  </div>
  <div id='c5' style='display:none'>
    <div id='e5'>5</div>
  </div>
  <div style='width:1px'>
    <span id='span'>a b</span>
  </div>
  <iframe width=300 height=300 src='location_in_view.html'></iframe>
</body>
</html>

Collaborative Calculation and Data Science

colby

sagemath

Product

Resources

Company