2013-07-26 17:47:34 +00:00
|
|
|
// 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;
|
2014-04-09 19:42:11 +00:00
|
|
|
import 'package:unittest/unittest.dart';
|
|
|
|
import 'package:unittest/html_individual_config.dart';
|
2013-07-26 17:47:34 +00:00
|
|
|
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);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(point.y, inInclusiveRange(16, 20));
|
2013-07-26 17:47:34 +00:00
|
|
|
|
|
|
|
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);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(point.y, inInclusiveRange(16, 20));
|
2013-07-26 17:47:34 +00:00
|
|
|
point = itemb.offsetTo(itemii);
|
|
|
|
expect(point.x, 190);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(point.y, inInclusiveRange(52, 60));
|
2013-07-26 17:47:34 +00:00
|
|
|
point = item1.offsetTo(itemii);
|
|
|
|
expect(point.x, 230);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(point.y, inInclusiveRange(68, 80));
|
2013-07-26 17:47:34 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
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);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(itema.documentOffset.y, inInclusiveRange(111, 160));
|
2013-07-26 17:47:34 +00:00
|
|
|
|
|
|
|
expect(itemii.documentOffset.x, 48);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(itemii.documentOffset.y, inInclusiveRange(95, 145));
|
2013-07-26 17:47:34 +00:00
|
|
|
|
|
|
|
expect(itemb.documentOffset.x, 238);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(itemb.documentOffset.y, inInclusiveRange(147, 205));
|
2013-07-26 17:47:34 +00:00
|
|
|
|
|
|
|
expect(item1.documentOffset.x, 278);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(item1.documentOffset.y, inInclusiveRange(163, 222));
|
2013-07-26 17:47:34 +00:00
|
|
|
|
|
|
|
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);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(qux.documentOffset.y, inInclusiveRange(203, 240));
|
2013-07-26 17:47:34 +00:00
|
|
|
|
|
|
|
expect(quux.documentOffset.x, 8);
|
2015-03-05 17:58:57 +00:00
|
|
|
expect(quux.documentOffset.y, inInclusiveRange(203, 240));
|
2013-07-26 17:47:34 +00:00
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|