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> |