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 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
50 boxTransitionElementBounds = internals.boundsInRootViewSpace(sourceEleme
nt); | 50 boxTransitionElementBounds = internals.boundsInRootViewSpace(sourceEleme
nt); |
51 shouldBeTrue('transitionElementRects[0].left == transitionElementBounds.
left'); | 51 shouldBeTrue('transitionElementRects[0].left == transitionElementBounds.
left'); |
52 shouldBeTrue('transitionElementRects[0].top == transitionElementBounds.t
op'); | 52 shouldBeTrue('transitionElementRects[0].top == transitionElementBounds.t
op'); |
53 shouldBeTrue('transitionElementRects[0].width == transitionElementBounds
.width'); | 53 shouldBeTrue('transitionElementRects[0].width == transitionElementBounds
.width'); |
54 shouldBeTrue('transitionElementRects[0].height == transitionElementBound
s.height'); | 54 shouldBeTrue('transitionElementRects[0].height == transitionElementBound
s.height'); |
55 shouldBeTrue('transitionElementRects[1].left == boxTransitionElementBoun
ds.left'); | 55 shouldBeTrue('transitionElementRects[1].left == boxTransitionElementBoun
ds.left'); |
56 shouldBeTrue('transitionElementRects[1].top == boxTransitionElementBound
s.top'); | 56 shouldBeTrue('transitionElementRects[1].top == boxTransitionElementBound
s.top'); |
57 shouldBeTrue('transitionElementRects[1].width == boxTransitionElementBou
nds.width'); | 57 shouldBeTrue('transitionElementRects[1].width == boxTransitionElementBou
nds.width'); |
58 shouldBeTrue('transitionElementRects[1].height == boxTransitionElementBo
unds.height'); | 58 shouldBeTrue('transitionElementRects[1].height == boxTransitionElementBo
unds.height'); |
59 | 59 |
| 60 internals.showAllTransitionElements(); |
| 61 postShowingTransitionElementOpacity = window.getComputedStyle(transition
Element).opacity; |
| 62 shouldBeTrue('postShowingTransitionElementOpacity == 1'); |
| 63 |
60 finishJSTest(); | 64 finishJSTest(); |
61 } | 65 } |
62 } | 66 } |
63 </script> | 67 </script> |
64 | 68 |
65 <style> | 69 <style> |
66 | 70 |
67 body { | 71 body { |
68 background: white; | 72 background: white; |
69 margin-height: 0px; | 73 margin-height: 0px; |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
108 <div id="transitionElement">Header</div> | 112 <div id="transitionElement">Header</div> |
109 | 113 |
110 <div id="boxTransitionElement"> | 114 <div id="boxTransitionElement"> |
111 <img id="blueBox" src="resources/images/blue.png"> | 115 <img id="blueBox" src="resources/images/blue.png"> |
112 </div> | 116 </div> |
113 | 117 |
114 <div id="bottomElement">Footer</div> | 118 <div id="bottomElement">Footer</div> |
115 </div> | 119 </div> |
116 | 120 |
117 <iframe id="testiframe"></iframe> | 121 <iframe id="testiframe"></iframe> |
OLD | NEW |