Chromium Code Reviews Chromium Code Reviews
Issue 281383006:
Navigation transitions: Added createStyledMarkupForNavigationTransition (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/html/navigation-transition.html |
| diff --git a/LayoutTests/fast/html/navigation-transition.html b/LayoutTests/fast/html/navigation-transition.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..d02c5edb6064dcbaaf86aad5acf0e2235e107423 |
| --- /dev/null |
| +++ b/LayoutTests/fast/html/navigation-transition.html |
| @@ -0,0 +1,48 @@ |
| +<!DOCTYPE html> |
| + |
| +<meta name="transition-elements" content="#transitionElement,#boxTransitionElement;*"> |
| +<script src="../../resources/js-test.js"></script> |
| +<script> |
| + |
| +description('Tests for the HTML markup serializer used for transition elements'); |
| +jsTestIsAsync = true; |
| + |
| +function onLoadedImage() { |
|
esprehn
2014/06/26 09:32:55
onload = function(),
you don't need to wait for t
oystein (OOO til 10th of July)
2014/06/26 23:13:42
Done.
|
| + if (window.internals) { |
| + var serializedHTML = internals.serializeNavigationMarkup(document); |
| + var testiframe = document.getElementById('testiframe'); |
| + testiframe.contentDocument.write(serializedHTML); |
| + |
| + sourceElement = document.getElementById('boxTransitionElement'); |
| + destElement = testiframe.contentDocument.getElementById('boxTransitionElement'); |
| + |
| + sourceElementRect = sourceElement.getBoundingClientRect(); |
| + shouldBe('sourceElementRect.top', 'destElement.offsetTop'); |
| + shouldBe('sourceElementRect.left', 'destElement.offsetLeft'); |
| + shouldBe('sourceElementRect.height', 'destElement.offsetHeight'); |
| + shouldBe('sourceElementRect.width', 'destElement.offsetWidth'); |
| + |
| + finishJSTest(); |
| + } |
| +} |
| +</script> |
| + |
| +<body style="background:white;margin-height:0px;margin-width:0px;"> |
| + |
| +<div style="background:gray;padding-top:13px;padding-bottom:8px;padding-right:20px;padding-left:30px; |
| + border-style:solid;border-width:5px;width:400px; |
| + margin-top:44px;margin-bottom:13px;margin-right:2px;margin-left:30px;"> |
| + <div id="transitionElement" style="padding-bottom:0px;">This text should appear twice.</div> |
| + |
| + <div id="boxTransitionElement" style="background:red;padding-left:18px;padding-top:8px;padding-bottom:50x;padding-right:50px; |
|
esprehn
2014/06/26 09:32:55
Can we use a <style> block instead of inline style
oystein (OOO til 10th of July)
2014/06/26 23:13:42
Done.
|
| + border-style:solid;border-width:30px; |
| + margin-top:55px;margin-bottom:25px;margin-right:15px;margin-left:135px;"> |
| + <img id="blueBox" src="resources/images/blue.png" onload="onLoadedImage();" style="padding-top:25px;padding-bottom:50px; |
| + padding-right:75px;padding-left:100px;"> |
| + </div> |
| +</div> |
| + |
| +<iframe id="testiframe" style="width:100%;height:600px;background:gray;border-width:0px"> |
| + <div>This should NOT be displayed.</div> |
|
esprehn
2014/06/26 09:32:55
iframe will never show it's children, I'm not sure
oystein (OOO til 10th of July)
2014/06/26 23:13:42
Done.
|
| +</iframe> |
| +</body> |
