LayoutTests/fast/css/computed-offset-with-zoom.html - Issue 82083002: Move viewport unit resolution to style recalc time

Side by Side Diff: LayoutTests/fast/css/computed-offset-with-zoom.html

Issue 82083002: Move viewport unit resolution to style recalc time (Closed) Base URL: https://chromium.googlesource.com/chromium/blink@master

Patch Set: rename browser zoom to page zoom Created 6 years, 11 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/viewport-percentage-lengths/viewport-percentage-lengths-resize-expected.txt ('k') | LayoutTests/fast/css/computed-offset-with-zoom-expected.txt » ('j') | no next file with comments »
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 <style>	4 <style>

5 #container {	5 #container {

6 width: 500px;	6 width: 500px;

7 height: 500px;	7 height: 500px;

8 position: relative;	8 position: relative;

9 }	9 }

10 #container > div {	10 #container > div {

(...skipping 33 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
44 <div id="test-percentage"></div>	44 <div id="test-percentage"></div>

45 <div id="test-viewport"></div>	45 <div id="test-viewport"></div>

46 </div>	46 </div>

47 <script>	47 <script>

48 var fixedElement = document.getElementById('test-fixed');	48 var fixedElement = document.getElementById('test-fixed');

49 var percentageElement = document.getElementById('test-percentage');	49 var percentageElement = document.getElementById('test-percentage');

50 var viewportElement = document.getElementById('test-viewport');	50 var viewportElement = document.getElementById('test-viewport');

51 function test(zoomLevel)	51 function test(zoomLevel)

52 {	52 {

53 document.body.style.zoom = zoomLevel;	53 document.body.style.zoom = zoomLevel;

54 var windowWidth = "'" + (window.innerWidth / 10 / zoomLevel) + "px'";	54 var windowWidth = "'" + (window.innerWidth / 10) + "px'";

55 var windowHeight = "'" + (window.innerHeight / 10 / zoomLeve l) + "px'";	55 var windowHeight = "'" + (window.innerHeight / 10) + "px'";

56	56

57 shouldBe("window.getComputedStyle(fixedElement).top", "'100p x'");	57 shouldBe("window.getComputedStyle(fixedElement).top", "'100p x'");

58 shouldBe("window.getComputedStyle(fixedElement).right", "'10 0px'");	58 shouldBe("window.getComputedStyle(fixedElement).right", "'10 0px'");

59 shouldBe("window.getComputedStyle(fixedElement).bottom", "'1 00px'");	59 shouldBe("window.getComputedStyle(fixedElement).bottom", "'1 00px'");

60 shouldBe("window.getComputedStyle(fixedElement).left", "'100 px'");	60 shouldBe("window.getComputedStyle(fixedElement).left", "'100 px'");

61	61

62 shouldBe("window.getComputedStyle(percentageElement).top", " '50px'");	62 shouldBe("window.getComputedStyle(percentageElement).top", " '50px'");

63 shouldBe("window.getComputedStyle(percentageElement).right", "'100px'");	63 shouldBe("window.getComputedStyle(percentageElement).right", "'100px'");

64 shouldBe("window.getComputedStyle(percentageElement).bottom" , "'50px'");	64 shouldBe("window.getComputedStyle(percentageElement).bottom" , "'50px'");

65 shouldBe("window.getComputedStyle(percentageElement).left", "'100px'");	65 shouldBe("window.getComputedStyle(percentageElement).left", "'100px'");

66	66

67 shouldBe("window.getComputedStyle(viewportElement).top", win dowHeight);	67 shouldBe("window.getComputedStyle(viewportElement).top", win dowHeight);

68 shouldBe("window.getComputedStyle(viewportElement).right", w indowWidth);	68 shouldBe("window.getComputedStyle(viewportElement).right", w indowWidth);

69 shouldBe("window.getComputedStyle(viewportElement).bottom", windowHeight);	69 shouldBe("window.getComputedStyle(viewportElement).bottom", windowHeight);

70 shouldBe("window.getComputedStyle(viewportElement).left", wi ndowWidth);	70 shouldBe("window.getComputedStyle(viewportElement).left", wi ndowWidth);

71 }	71 }

72 test(0.5);	72 test(0.5);

73 test(1.25);	73 test(1.25);

74 test(1.0);	74 test(1.0);

75 </script>	75 </script>

76 </body>	76 </body>

77 </html>	77 </html>

OLD	NEW