LibTest/html/Element/offsetTo_A01_t01.dart

// Copyright (c) 2014, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

/// @assertion Point offsetTo(Element parent)
/// Provides the offset of this element's borderEdge relative to the specified
/// parent.
/// This is the Dart equivalent of jQuery's position method. Unlike jQuery's
/// position, however, parent can be any parent element of this, rather than
/// only this's immediate offsetParent. If the specified element is not an
/// offset parent or transitive offset parent to this element, an ArgumentError
/// is thrown.
/// @description Checks expected offset values

import "dart:html";
import "../../../Utils/expect.dart";
import "../testcommon.dart";

main() {
  document.body?.setInnerHtml('''

<div style="position: absolute; left: 10px; top: 10px" id="div1">
  some
  <div style="position: absolute; left: 50px; top: 50px" id="div2">
    text
  </div>
</div>''', treeSanitizer: new NullTreeSanitizer());

  var div1 = document.body?.querySelector('#div1');
  var div2 = document.body?.querySelector('#div2');

  var b = document.body;
  if (b != null) {
    Expect.equals(10, div1?.offsetTo(b).x, "div1 relative to body x");
    Expect.equals(10, div1?.offsetTo(b).y, "div1 relative to body y");

    if (div1 != null) {
      Expect.equals(50, div2?.offsetTo(div1).x, "div2 relative to div1 x");
      Expect.equals(50, div2?.offsetTo(div1).y, "div2 relative to div1 y");
    } else {
      Expect.fail("div is null");
    }

    // indirect offsetParent
    Expect.equals(60, div2?.offsetTo(b).x, "div2 relative to body x");
    Expect.equals(60, div2?.offsetTo(b).y, "div2 relative to body y");
  } else {
    Expect.fail("Body is null");
  }
}