Chromium Code Reviews Chromium Code Reviews
Issue 82083002:
Move viewport unit resolution to style recalc time (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink@master| Index: LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-lengths-resize.html |
| diff --git a/LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-lengths-resize.html b/LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-lengths-resize.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..d1eee5930c5b68b6bedd78047e2c1b94ea24bd86 |
| --- /dev/null |
| +++ b/LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-lengths-resize.html |
| @@ -0,0 +1,35 @@ |
| +<!DOCTYPE html> |
| +<meta charset="UTF-8"> |
|
esprehn
2013/12/04 06:02:28
This charset is not needed.
Timothy Loh
2013/12/04 07:17:39
Done.
|
| +<style> |
| +#test { |
| + font-size: 5vh; |
| + width: 50vw; |
| +} |
| +</style> |
| +<script src="/usr/local/google/home/timloh/Coding/Chromium/src/third_party/WebKit/LayoutTests/resources/js-test.js"></script> |
| +<body> |
|
esprehn
2013/12/04 06:02:28
I'd leave out the body, but it's not a big deal.
Timothy Loh
2013/12/04 07:17:39
Done.
|
| +This test of viewport units and resizing depends on window.resizeTo. |
| + |
| +<div id="test"></div> |
| + |
| +<script> |
| +if (window.testRunner) { |
| + testRunner.useUnfortunateSynchronousResizeMode(); |
| + testRunner.dumpAsText(); |
| + testRunner.waitUntilDone(); |
| +} |
| +var sizes = [[800, 600], [900, 600], [900, 700], [700, 500], [800, 600]] |
| +var test = document.getElementById("test"); |
| +for (var i = 0; i < sizes.length; ++i) { |
| + var width = sizes[i][0]; |
| + var height = sizes[i][1]; |
| + window.resizeTo(width, height); |
| + shouldBe("window.innerWidth", "" + width); |
| + shouldBe("window.innerHeight", "" + height); |
| + shouldBe("getComputedStyle(test).fontSize", "'" + height/20 + "px'"); |
| + shouldBe("getComputedStyle(test).width", "'" + width/2 + "px'"); |
| +} |
| +if (window.testRunner) |
| + testRunner.notifyDone(); |
| +</script> |
| +</body> |
