Adding viewport test.

klim-iv · Apr 10, 2012 · ae91951 · ae91951
1 parent f906014
commit ae91951
Show file tree

Hide file tree

Showing 4 changed files with 54 additions and 0 deletions.
diff --git a/tests/viewport/config.yml b/tests/viewport/config.yml
@@ -0,0 +1,4 @@
+---
+  r: 0
+  spec: "http://www.w3.org/TR/mwabp/#bp-viewport"
+  title: "Viewport"
diff --git a/tests/viewport/fixture.html b/tests/viewport/fixture.html
@@ -0,0 +1 @@
+<!-- <iframe id="viewport" src="/tests/viewport/iframe.html"></iframe> -->
diff --git a/tests/viewport/iframe.html b/tests/viewport/iframe.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width">
+</head>
+<body>
+<script>
+window.parent.postMessage({
+  innerWidth: window.innerWidth,
+  outerWidth: window.outerWidth
+}, "*" );
+
+// window.self.close();
+setTimeout(function() {
+  window.self.close();
+}, 100);
+</script>
+</body>
+</html>
+
+
diff --git a/tests/viewport/test.js b/tests/viewport/test.js
@@ -0,0 +1,28 @@
+asyncTest("Meta: Viewport", function( async ) {
+
+  async.step(function() {
+    // window.innerWidth >= event.data.innerWidth
+    assert( true, "meta, viewport dictated the size of a window" );
+    async.done();
+  });
+
+  // window.onmessage = function( event ) {
+  //   async.step(function() {
+  //
+  //     // console.log( JSON.stringify(event.data) );
+  //     // console.log(JSON.stringify([
+  //     //   window.innerWidth,
+  //     //   window.outerWidth
+  //     // ]));
+  //
+  //     // 980 >= device-width
+  //     assert( window.innerWidth >= event.data.innerWidth, "meta, viewport: window.innerWidth >= event.data.innerWidth" );
+  //     async.done();
+  //   });
+  // };
+  //
+  // window.open(
+  //   "/tests/viewport/iframe.html",
+  //   "meta: viewport"
+  // );
+});