LayoutTests/fast/html/navigation-transition.html - Issue 715653004: Navigation transitions (web to native app): Hide/Show transition elements (Blink side)

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/html/navigation-transition.html

Issue 715653004: Navigation transitions (web to native app): Hide/Show transition elements (Blink side) (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 1 month ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

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') ;	7 description('Tests for the HTML markup serializer used for transition elements') ;

8 jsTestIsAsync = true;	8 jsTestIsAsync = true;

9	9

10 window.onload = function() {	10 window.onload = function() {

(...skipping 23 matching lines...) Expand all Loading...
34 shouldBe('sourceElementRect.height', 'destElement.offsetHeight');	34 shouldBe('sourceElementRect.height', 'destElement.offsetHeight');

35 shouldBe('sourceElementRect.width', 'destElement.offsetWidth');	35 shouldBe('sourceElementRect.width', 'destElement.offsetWidth');

36	36

37 shouldBeTrue('preHidingTransitionElementOpacity == 1');	37 shouldBeTrue('preHidingTransitionElementOpacity == 1');

38 shouldBeTrue('postHidingTransitionElementOpacity == 0');	38 shouldBeTrue('postHidingTransitionElementOpacity == 0');

39	39

40 // Hiding transition elements should not shift any other elements on the page.	40 // Hiding transition elements should not shift any other elements on the page.

41 shouldBe('preHidingBottomElementRect.top', 'postHidingBottomElementRect. top');	41 shouldBe('preHidingBottomElementRect.top', 'postHidingBottomElementRect. top');

42 shouldBe('preHidingBottomElementRect.left', 'postHidingBottomElementRect .left');	42 shouldBe('preHidingBottomElementRect.left', 'postHidingBottomElementRect .left');

43	43

	44 internals.showAllTransitionElements();

	45 postShowingTransitionElementOpacity = window.getComputedStyle(transition Element).opacity;

	46 shouldBeTrue('postShowingTransitionElementOpacity == 1');

	47

44 finishJSTest();	48 finishJSTest();

45 }	49 }

46 }	50 }

47 </script>	51 </script>

48	52

49 <style>	53 <style>

50	54

51 body {	55 body {

52 background: white;	56 background: white;

53 margin-height: 0px;	57 margin-height: 0px;

(...skipping 38 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
92 <div id="transitionElement">Header</div>	96 <div id="transitionElement">Header</div>

93	97

94 <div id="boxTransitionElement">	98 <div id="boxTransitionElement">

95 <img id="blueBox" src="resources/images/blue.png">	99 <img id="blueBox" src="resources/images/blue.png">

96 </div>	100 </div>

97	101

98 <div id="bottomElement">Footer</div>	102 <div id="bottomElement">Footer</div>

99 </div>	103 </div>

100	104

101 <iframe id="testiframe"></iframe>	105 <iframe id="testiframe"></iframe>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/fast/html/navigation-transition-expected.txt » ('j') | Source/core/dom/Document.h » ('J')