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'"; |
kenneth.r.christiansen
2013/12/16 10:08:19
So these were just bugs? Do we have tests testing
Timothy Loh
2013/12/17 05:09:15
Err, turns out the test is actually correct alread
Timothy Loh
2013/12/17 22:58:00
Actually I thought about it a bit more and changed
| |
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 |