OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <meta name="transition-elements" content="#transitionElement,#boxTransitionEleme
nt;*"> | 3 <meta name="transition-elements" content="#transitionElement,#boxTransitionEleme
nt;*"> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
5 <script> | 5 <script> |
6 | 6 |
7 description('Tests for the HTML markup serializer used for transition elements a
nd transition element names and rects'); | 7 description('Tests for the HTML markup serializer used for transition elements a
nd transition element names and rects'); |
8 jsTestIsAsync = true; | 8 jsTestIsAsync = true; |
9 | 9 |
10 window.onload = function() { | 10 window.onload = function() { |
(...skipping 29 matching lines...) Expand all Loading... |
40 | 40 |
41 // Hiding transition elements should not shift any other elements on the
page. | 41 // Hiding transition elements should not shift any other elements on the
page. |
42 shouldBe('preHidingBottomElementRect.top', 'postHidingBottomElementRect.
top'); | 42 shouldBe('preHidingBottomElementRect.top', 'postHidingBottomElementRect.
top'); |
43 shouldBe('preHidingBottomElementRect.left', 'postHidingBottomElementRect
.left'); | 43 shouldBe('preHidingBottomElementRect.left', 'postHidingBottomElementRect
.left'); |
44 | 44 |
45 transitionElementIds = internals.getTransitionElementIds(); | 45 transitionElementIds = internals.getTransitionElementIds(); |
46 shouldBeEqualToString('transitionElementIds[0]', 'transitionElement'); | 46 shouldBeEqualToString('transitionElementIds[0]', 'transitionElement'); |
47 shouldBeEqualToString('transitionElementIds[1]', 'boxTransitionElement')
; | 47 shouldBeEqualToString('transitionElementIds[1]', 'boxTransitionElement')
; |
48 | 48 |
49 transitionElementRects = internals.getTransitionElementRects(); | 49 transitionElementRects = internals.getTransitionElementRects(); |
50 transitionElementBounds = internals.boundsInRootViewSpace(transitionElem
ent); | 50 transitionElementBounds = internals.boundsInViewportSpace(transitionElem
ent); |
51 boxTransitionElementBounds = internals.boundsInRootViewSpace(sourceEleme
nt); | 51 boxTransitionElementBounds = internals.boundsInViewportSpace(sourceEleme
nt); |
52 shouldBeTrue('transitionElementRects[0].left == transitionElementBounds.
left'); | 52 shouldBeTrue('transitionElementRects[0].left == transitionElementBounds.
left'); |
53 shouldBeTrue('transitionElementRects[0].top == transitionElementBounds.t
op'); | 53 shouldBeTrue('transitionElementRects[0].top == transitionElementBounds.t
op'); |
54 shouldBeTrue('transitionElementRects[0].width == transitionElementBounds
.width'); | 54 shouldBeTrue('transitionElementRects[0].width == transitionElementBounds
.width'); |
55 shouldBeTrue('transitionElementRects[0].height == transitionElementBound
s.height'); | 55 shouldBeTrue('transitionElementRects[0].height == transitionElementBound
s.height'); |
56 shouldBeTrue('transitionElementRects[1].left == boxTransitionElementBoun
ds.left'); | 56 shouldBeTrue('transitionElementRects[1].left == boxTransitionElementBoun
ds.left'); |
57 shouldBeTrue('transitionElementRects[1].top == boxTransitionElementBound
s.top'); | 57 shouldBeTrue('transitionElementRects[1].top == boxTransitionElementBound
s.top'); |
58 shouldBeTrue('transitionElementRects[1].width == boxTransitionElementBou
nds.width'); | 58 shouldBeTrue('transitionElementRects[1].width == boxTransitionElementBou
nds.width'); |
59 shouldBeTrue('transitionElementRects[1].height == boxTransitionElementBo
unds.height'); | 59 shouldBeTrue('transitionElementRects[1].height == boxTransitionElementBo
unds.height'); |
60 | 60 |
61 internals.showAllTransitionElements(); | 61 internals.showAllTransitionElements(); |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
113 <div id="transitionElement">Header</div> | 113 <div id="transitionElement">Header</div> |
114 | 114 |
115 <div id="boxTransitionElement"> | 115 <div id="boxTransitionElement"> |
116 <img id="blueBox" src="resources/images/blue.png"> | 116 <img id="blueBox" src="resources/images/blue.png"> |
117 </div> | 117 </div> |
118 | 118 |
119 <div id="bottomElement">Footer</div> | 119 <div id="bottomElement">Footer</div> |
120 </div> | 120 </div> |
121 | 121 |
122 <iframe id="testiframe"></iframe> | 122 <iframe id="testiframe"></iframe> |
OLD | NEW |