| 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 |