Make element offset test machine independent.

tests/html/element_offset_test.dart

Index: tests/html/element_offset_test.dart
diff --git a/tests/html/element_offset_test.dart b/tests/html/element_offset_test.dart
new file mode 100644
index 0000000000000000000000000000000000000000..d92b9062f23c7e008608fe7ce7e2175ab816c15d
--- /dev/null
+++ b/tests/html/element_offset_test.dart
@@ -0,0 +1,139 @@
+// Copyright (c) 2013, 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.
+
+library element_offset_test;
+import '../../pkg/unittest/lib/unittest.dart';
+import '../../pkg/unittest/lib/html_individual_config.dart';
+import 'dart:async';
+import 'dart:html';
+
+main() {
+  useHtmlIndividualConfiguration();
+  void initPage() {
+    var level1 = new UListElement()
+      ..classes.add('level-1')
+      ..children.add(new LIElement()..innerHtml = 'I');
+    var itemii = new LIElement()
+      ..classes.add('item-ii')
+      ..style.position = 'relative'
+      ..style.top = '4px'
+      ..innerHtml = 'II';
+    level1.children.add(itemii);
+    var level2 = new UListElement();
+    itemii.children.add(level2);
+    var itema = new LIElement()
+      ..classes.add('item-a')
+      ..innerHtml = 'A';
+    var item1 = new LIElement()
+      ..classes.add('item-1')
+      ..innerHtml = '1';
+    var item2 = new LIElement()
+      ..classes.add('item-2')
+      ..innerHtml = '2';
+    var level3 = new UListElement()
+      ..children.addAll([item1, item2]);
+    var itemb = new LIElement()
+      ..classes.add('item-b')
+      ..style.position = 'relative'
+      ..style.top = '20px'
+      ..style.left = '150px'
+      ..innerHtml = 'B'
+      ..children.add(level3);
+    level2.children.addAll([itema, itemb, new LIElement()..innerHtml = 'C']);
+    document.body.append(level1);
+    document.body.style.whiteSpace = 'nowrap';

[Emily Fortuna, 2013/07/26 00:56:09]

this is the one line that was added to fix the styling differences.

+
+    var bar = new DivElement()..classes.add('bar');
+    var style = bar.style;
+    style..position = 'absolute'
+         ..top = '8px'
+         ..left = '90px';
+    var baz = new DivElement()..classes.add('baz');
+    style = baz.style;
+    style..position = 'absolute'
+         ..top = '600px'
+         ..left = '7000px';
+    bar.children.add(baz);
+
+    var quux = new DivElement()..classes.add('quux');
+    var qux = new DivElement()
+      ..classes.add('qux')
+      ..children.add(quux);
+
+    document.body.append(bar);
+    document.body.append(qux);
+  }
+
+  group('offset', () {
+    setUp(initPage);
+
+    test('offsetTo', () {
+      var itema = query('.item-a');
+      var itemb = query('.item-b');
+      var item1 = query('.item-1');
+      var itemii = query('.item-ii');
+      var level1 = query('.level-1');
+      var baz = query('.baz');
+      var bar = query('.bar');
+      var qux = query('.qux');
+      var quux = query('.quux');
+
+      var point = itema.offsetTo(itemii);
+      expect(point.x, 40);
+      expect(point.y, inInclusiveRange(17, 20));
+
+      expect(baz.offsetTo(bar).x, 7000);
+      expect(baz.offsetTo(bar).y, inInclusiveRange(599, 604));
+
+      qux.style.position = 'fixed';
+      expect(quux.offsetTo(qux).x, 0);
+      expect(quux.offsetTo(qux).y, 0);
+
+      point = item1.offsetTo(itemb);
+      expect(point.x, 40);
+      expect(point.y, inInclusiveRange(17, 20));
+      point = itemb.offsetTo(itemii);
+      expect(point.x, 190);
+      expect(point.y, inInclusiveRange(54, 60));
+      point = item1.offsetTo(itemii);
+      expect(point.x, 230);
+      expect(point.y, inInclusiveRange(74, 80));
+    });
+
+    test('documentOffset', () {
+      var bar = query('.bar');
+      var baz = query('.baz');
+      var qux = query('.qux');
+      var quux = query('.quux');
+      var itema = query('.item-a');
+      var itemb = query('.item-b');
+      var item1 = query('.item-1');
+      var itemii = query('.item-ii');
+
+      expect(itema.documentOffset.x, 88);
+      expect(itema.documentOffset.y, inInclusiveRange(119, 160));
+
+      expect(itemii.documentOffset.x, 48);
+      expect(itemii.documentOffset.y, inInclusiveRange(101, 145));
+
+      expect(itemb.documentOffset.x, 238);
+      expect(itemb.documentOffset.y, inInclusiveRange(157, 205));
+
+      expect(item1.documentOffset.x, 278);
+      expect(item1.documentOffset.y, inInclusiveRange(175, 222));
+
+      expect(bar.documentOffset.x, 90);
+      expect(bar.documentOffset.y, 8);
+
+      expect(baz.documentOffset.x, 7090);
+      expect(baz.documentOffset.y, 608);
+
+      expect(qux.documentOffset.x, 8);
+      expect(qux.documentOffset.y, inInclusiveRange(221, 232));
+
+      expect(quux.documentOffset.x, 8);
+      expect(quux.documentOffset.y, inInclusiveRange(221, 232));
+    });
+  });
+}