📝 add postMessage tests

Copyes · Mar 7, 2018 · 0427424 · 0427424
1 parent cd9263f
commit 0427424
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 1 deletion.
diff --git a/test-cross/package.json b/test-cross/package.json
@@ -6,7 +6,9 @@
   "scripts": {
     "jsonp": "node ./jsonp/server.js & http-server ./jsonp",
     "cors": "node ./cors/server.js & http-server ./cors",
-    "proxy": "node ./serverProxy/server.js"
+    "proxy": "node ./serverProxy/server.js",
+    "postMessage":
+      "http-server ./postMessage/client/ -p 8080 & http-server ./postMessage/server/ -p 8081"
   },
   "author": "lip.fan",
   "license": "ISC",

diff --git a/test-cross/postMessage/client/index.html b/test-cross/postMessage/client/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>postMessage</title>
+</head>
+
+<body>
+  <iframe src="http://localhost:8081/data.html" style='display: none;'></iframe>
+  <script>
+    window.onload = function () {
+      let targetOrigin = 'http://localhost:8081';
+      window.frames[0].postMessage('index.html 的 data!', targetOrigin);
+    }
+    window.addEventListener('message', function (e) {
+      console.log('index.html 接收到的消息:', e.data);
+    });
+  </script>
+</body>
+
+</html>
diff --git a/test-cross/postMessage/server/data.html b/test-cross/postMessage/server/data.html
@@ -0,0 +1,10 @@
+<script>
+  window.addEventListener('message', function (e) {
+    if (e.source != window.parent) {
+      return;
+    }
+    let data = e.data;
+    console.log('data.html 接收到的消息:', data);
+    parent.postMessage('data.html 的 data!', e.origin);
+  });
+</script>