LayoutTests/css3/device-adapt/opera/constrain-005.html - Issue 23101004: Make configurationForViewport match production code

Side by Side Diff: LayoutTests/css3/device-adapt/opera/constrain-005.html

Issue 23101004: Make configurationForViewport match production code (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 7 years, 4 months 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

« no previous file with comments | « LayoutTests/css3/device-adapt/opera/constrain-004.html ('k') | LayoutTests/css3/device-adapt/opera/constrain-006.html » ('j') | LayoutTests/css3/device-adapt/opera/constrain-008.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <meta charset="UTF-8">	4 <meta charset="UTF-8">

5 <title>CSS Test: @viewport constrained - min-width greater than max-width</tit le>	5 <title>CSS Test: @viewport constrained - min-width greater than max-width</tit le>

6 <link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com">	6 <link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com">

7 <link rel="help" href="http://www.w3.org/TR/css-device-adapt/#constraining-pro cedure">	7 <link rel="help" href="http://www.w3.org/TR/css-device-adapt/#constraining-pro cedure">

8 <meta name="flags" content="visual scroll dom">	8 <meta name="flags" content="visual scroll dom">

9 <meta name="assert" content="If min-width is greater than max-width, min-width will overrule max-width.">	9 <meta name="assert" content="If min-width is greater than max-width, min-width will overrule max-width.">

10 <script src="../../../resources/testharness.js" type="text/javascript"></scrip t>	10 <script src="../../../resources/testharness.js" type="text/javascript"></scrip t>

(...skipping 31 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
42	42

43 /* Initialize an object to store viewport values to be used by the test	43 /* Initialize an object to store viewport values to be used by the test

44 asserts. */	44 asserts. */

45 var viewport = new Object();	45 var viewport = new Object();

46	46

47 /* An element with the same size as the initial containing block. */	47 /* An element with the same size as the initial containing block. */

48 var testElm = document.getElementById("test");	48 var testElm = document.getElementById("test");

49	49

50 if (window.testRunner) {	50 if (window.testRunner) {

51 viewport.fontSize = parseInt(getComputedStyle(testElm, "").fontSize);	51 viewport.fontSize = parseInt(getComputedStyle(testElm, "").fontSize);

52 viewport.deviceWidth = 320;

53 viewport.deviceHeight = 480;

54 viewport.initialWidth = 320;	52 viewport.initialWidth = 320;

55 viewport.initialHeight = 352;	53 viewport.initialHeight = 352;

56	54

57 var vpString = internals.configurationForViewport(document, 1,	55 var vpString = internals.configurationForViewport(document, 1,

58 viewport.deviceWidth,

59 viewport.deviceHeight,

60 viewport.initialWidth,	56 viewport.initialWidth,

61 viewport.initialHeight );	57 viewport.initialHeight );

62	58

63 var match = /viewport size (.+)x(.+) scale (.+ )/.exec(vpString);	59 var match = /viewport size (.+)x(.+) scale (.+ )/.exec(vpString);

64	60

65 if (match) {	61 if (match) {

66 viewport.actualWidth = parseFloat(match[1]);	62 viewport.actualWidth = parseFloat(match[1]);

67 viewport.actualHeight = parseFloat(match[2]);	63 viewport.actualHeight = parseFloat(match[2]);

68 viewport.zoom = parseFloat(match[3]);	64 viewport.zoom = parseFloat(match[3]);

69 }	65 }

(...skipping 28 matching lines...) Expand all Loading...
98 document.getElementById("log").style.display = "block";	94 document.getElementById("log").style.display = "block";

99 }	95 }

100 </script>	96 </script>

101 </head>	97 </head>

102 <body>	98 <body>

103 <div id="test">	99 <div id="test">

104 <div id="log"></div>	100 <div id="log"></div>

105 </div>	101 </div>

106 </body>	102 </body>

107 </html>	103 </html>

OLD	NEW