| Index: test/codegen/lib/html/element_offset_test.dart
|
| diff --git a/test/codegen/lib/html/element_offset_test.dart b/test/codegen/lib/html/element_offset_test.dart
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e7129d0696b376e28808fd341550b4e7e9334b2d
|
| --- /dev/null
|
| +++ b/test/codegen/lib/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 'package:unittest/unittest.dart';
|
| +import 'package:unittest/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';
|
| +
|
| + 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(16, 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(16, 20));
|
| + point = itemb.offsetTo(itemii);
|
| + expect(point.x, 190);
|
| + expect(point.y, inInclusiveRange(52, 60));
|
| + point = item1.offsetTo(itemii);
|
| + expect(point.x, 230);
|
| + expect(point.y, inInclusiveRange(68, 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(111, 160));
|
| +
|
| + expect(itemii.documentOffset.x, 48);
|
| + expect(itemii.documentOffset.y, inInclusiveRange(95, 145));
|
| +
|
| + expect(itemb.documentOffset.x, 238);
|
| + expect(itemb.documentOffset.y, inInclusiveRange(147, 205));
|
| +
|
| + expect(item1.documentOffset.x, 278);
|
| + expect(item1.documentOffset.y, inInclusiveRange(163, 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(203, 240));
|
| +
|
| + expect(quux.documentOffset.x, 8);
|
| + expect(quux.documentOffset.y, inInclusiveRange(203, 240));
|
| + });
|
| + });
|
| +}
|
|
|