webmessaging/broadcastchannel/opaque-origin.html - external/github.com/web-platform-tests/wpt - Git at Google

 <!doctype html>
 <html>
 <head>
 <meta charset=utf-8>
 <meta name="timeout" content="long">
 <title></title>
 <script src=/resources/testharness.js></script>
 <script src=/resources/testharnessreport.js></script>
 </head>
 <body>
 <script>
 <!--
 promise_test(t => {
   return new Promise((resolve) => {
     let ifr = document.createElement("iframe");
     ifr.src =
       "data:text/html,<script> let bc = new BroadcastChannel(\"test\");" +
       "bc.onmessage = (e) => {" +
       "  if (e.data == \"ping\") bc.postMessage('pong');"+
       "  else parent.postMessage({workerMessageOrigin: e.data, messageOrigin: e.origin}, \"*\"); };" +
       "new Worker(URL.createObjectURL(new Blob([\"" +
       "let bc2 = new BroadcastChannel('test'); bc2.postMessage('ping'); " +
       "bc2.onmessage = e => bc2.postMessage(e.origin);" +
       "\"], {type: 'text/javascript'}))); </script>";
     window.addEventListener("message", t.step_func(e => {
         assert_equals(e.data.workerMessageOrigin, "null");
         assert_equals(e.data.messageOrigin, "null");
         resolve();
       }), {once: true});
     t.add_cleanup(() => { document.body.removeChild(ifr) });
     document.body.appendChild(ifr);
     });
 }, "Opaque origin should be serialized to \"null\"");


 const iframe_src = (channel_name, iframe_name) => `data:text/html,<script>
 let bc2 = new BroadcastChannel("${channel_name}");
 bc2.onmessage = (e) => {
   if (e.data == "from-${iframe_name}") {
     parent.postMessage("${iframe_name}-done", "*");
   } else {
     parent.postMessage("fail", "*");
   }
 };
 let bc3 = new BroadcastChannel("${channel_name}");
 bc3.postMessage("from-${iframe_name}");
 </script>`;

 promise_test(t => {
   return new Promise((resolve, reject) => {
     const channel_name = "opaque-origin-test-2";
     const bc1 = new BroadcastChannel(channel_name);
     bc1.onmessage = t.unreached_func("Received message from an opaque origin");

     // We'll create an iframe and have it send a BroadcastChannel message
     // between two instances. Once the message is received, it will postMessage
     // back and we'll repeat this with another iframe. If the first
     // BroadcastChannel message is received by `bc1`, or if the second
     // BroadcastChannel message is received by `bc1` or `bc2` in the first
     // iframe, then the test should fail.

     window.addEventListener("message", e => {
       if(e.data == "iframe1-done") {
         let iframe2 = document.createElement("iframe");
         iframe2.src = iframe_src(channel_name, "iframe2");
         t.add_cleanup(() => { document.body.removeChild(iframe2) });
         document.body.appendChild(iframe2);
       } else if(e.data == "iframe2-done") {
         resolve();
       } else if(e.data == "fail") {
         reject("One opaque origin received a message from the other");
       } else {
         reject("An unexpected error occurred");
       }
     });

     let iframe1 = document.createElement("iframe");
     iframe1.src = iframe_src(channel_name, "iframe1");
     t.add_cleanup(() => { document.body.removeChild(iframe1) });
     document.body.appendChild(iframe1);
     });
 }, "BroadcastChannel messages from opaque origins should be self-contained");

 const data_url_worker_src = (channel_name, worker_name) => {
   const source = `
 const handler = (reply) => {
   let bc2 = new BroadcastChannel("${channel_name}");
   bc2.onmessage = (e) => {
     if (e.data == "from-${worker_name}") {
       reply("${worker_name}-done");
     } else {
       reply("fail");
     }
   };
   let bc3 = new BroadcastChannel("${channel_name}");
   bc3.postMessage("from-${worker_name}");
 };
 // For dedicated workers:
 self.addEventListener("message", () => handler(self.postMessage));
 // For shared workers:
 self.addEventListener("connect", (e) => {
   var port = e.ports[0];
   port.onmessage = () => handler(msg => port.postMessage(msg));
   port.start();

 });
 `;
   return "data:,".concat(encodeURIComponent(source));
 }

 promise_test(t => {
   return new Promise((resolve, reject) => {
     const channel_name = "opaque-origin-test-3";
     const bc1 = new BroadcastChannel(channel_name);
     bc1.onmessage = e => { reject("Received message from an opaque origin"); };

     // Same as the previous test but with data URL dedicated workers (which
     // should have opaque origins per the HTML spec).
     const worker_name_prefix = "data-url-dedicated-worker";
     const worker_1_name = `${worker_name_prefix}-1`;
     const worker_2_name = `${worker_name_prefix}-2`;

     const handler = e => {
       if(e.data == `${worker_1_name}-done`) {
         const worker2 = new Worker(data_url_worker_src(channel_name, worker_2_name));
         t.add_cleanup(() => worker2.terminate());
         worker2.addEventListener("message", handler);
         worker2.postMessage("go!");
       } else if(e.data == `${worker_2_name}-done`) {
         resolve();
       } else if(e.data == "fail") {
         reject("One opaque origin received a message from the other");
       } else {
         reject("An unexpected error occurred");
       }
     };

     let worker1 = new Worker(data_url_worker_src(channel_name, worker_1_name));
     t.add_cleanup(() => worker1.terminate());
     worker1.addEventListener("message", handler);
     worker1.postMessage("go!");
     });
 }, "BroadcastChannel messages from data URL dedicated workers should be self-contained");

 promise_test(() => {
   return new Promise((resolve, reject) => {
     const channel_name = "opaque-origin-test-4";
     const bc1 = new BroadcastChannel(channel_name);

     // Same as the previous test but with data URL shared workers (which
     // should have opaque origins per the HTML spec).
     const worker_name_prefix = "data-url-shared-worker";
     const worker_1_name = `${worker_name_prefix}-1`;
     const worker_2_name = `${worker_name_prefix}-2`;

     const handler = e => {
       if (e.data == `${worker_1_name}-done`) {
         const worker_script = data_url_worker_src(channel_name, worker_2_name);
         const worker2 = new SharedWorker(worker_script, worker_2_name);
         worker2.port.addEventListener("message", handler);
         worker2.port.start();
         worker2.port.postMessage("go!");
       } else if(e.data == `${worker_2_name}-done`) {
         resolve();
       } else if(e.data == "fail") {
         reject("One opaque origin received a message from the other");
       } else {
         reject("An unexpected error occurred");
       }
     };

     bc1.onmessage = e => {
       if (e.data == "go!") {
         const worker_script = data_url_worker_src(channel_name, worker_1_name);
         const worker1 = new SharedWorker(worker_script, worker_1_name);
         worker1.port.addEventListener("message", handler);
         worker1.port.start();
         worker1.port.postMessage("go!");
       } else {
         reject("Received message from an opaque origin");
       }
     };

     // Ensure that the BroadcastChannel instance above can receive messages
     // before we create the first shared worker.
     const bc2 = new BroadcastChannel(channel_name);
     bc2.postMessage("go!");
     });
 }, "BroadcastChannel messages from data URL shared workers should be self-contained");
 //-->
 </script>
 </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<meta charset=utf-8>
	<meta name="timeout" content="long">
	<title></title>
	<script src=/resources/testharness.js></script>
	<script src=/resources/testharnessreport.js></script>
	</head>
	<body>
	<script>
	<!--
	promise_test(t => {
	return new Promise((resolve) => {
	let ifr = document.createElement("iframe");
	ifr.src =
	"data:text/html,<script> let bc = new BroadcastChannel(\"test\");" +
	"bc.onmessage = (e) => {" +
	" if (e.data == \"ping\") bc.postMessage('pong');"+
	" else parent.postMessage({workerMessageOrigin: e.data, messageOrigin: e.origin}, \"*\"); };" +
	"new Worker(URL.createObjectURL(new Blob([\"" +
	"let bc2 = new BroadcastChannel('test'); bc2.postMessage('ping'); " +
	"bc2.onmessage = e => bc2.postMessage(e.origin);" +
	"\"], {type: 'text/javascript'}))); </script>";
	window.addEventListener("message", t.step_func(e => {
	assert_equals(e.data.workerMessageOrigin, "null");
	assert_equals(e.data.messageOrigin, "null");
	resolve();
	}), {once: true});
	t.add_cleanup(() => { document.body.removeChild(ifr) });
	document.body.appendChild(ifr);
	});
	}, "Opaque origin should be serialized to \"null\"");


	const iframe_src = (channel_name, iframe_name) => `data:text/html,<script>
	let bc2 = new BroadcastChannel("${channel_name}");
	bc2.onmessage = (e) => {
	if (e.data == "from-${iframe_name}") {
	parent.postMessage("${iframe_name}-done", "*");
	} else {
	parent.postMessage("fail", "*");
	}
	};
	let bc3 = new BroadcastChannel("${channel_name}");
	bc3.postMessage("from-${iframe_name}");
	</script>`;

	promise_test(t => {
	return new Promise((resolve, reject) => {
	const channel_name = "opaque-origin-test-2";
	const bc1 = new BroadcastChannel(channel_name);
	bc1.onmessage = t.unreached_func("Received message from an opaque origin");

	// We'll create an iframe and have it send a BroadcastChannel message
	// between two instances. Once the message is received, it will postMessage
	// back and we'll repeat this with another iframe. If the first
	// BroadcastChannel message is received by `bc1`, or if the second
	// BroadcastChannel message is received by `bc1` or `bc2` in the first
	// iframe, then the test should fail.

	window.addEventListener("message", e => {
	if(e.data == "iframe1-done") {
	let iframe2 = document.createElement("iframe");
	iframe2.src = iframe_src(channel_name, "iframe2");
	t.add_cleanup(() => { document.body.removeChild(iframe2) });
	document.body.appendChild(iframe2);
	} else if(e.data == "iframe2-done") {
	resolve();
	} else if(e.data == "fail") {
	reject("One opaque origin received a message from the other");
	} else {
	reject("An unexpected error occurred");
	}
	});

	let iframe1 = document.createElement("iframe");
	iframe1.src = iframe_src(channel_name, "iframe1");
	t.add_cleanup(() => { document.body.removeChild(iframe1) });
	document.body.appendChild(iframe1);
	});
	}, "BroadcastChannel messages from opaque origins should be self-contained");

	const data_url_worker_src = (channel_name, worker_name) => {
	const source = `
	const handler = (reply) => {
	let bc2 = new BroadcastChannel("${channel_name}");
	bc2.onmessage = (e) => {
	if (e.data == "from-${worker_name}") {
	reply("${worker_name}-done");
	} else {
	reply("fail");
	}
	};
	let bc3 = new BroadcastChannel("${channel_name}");
	bc3.postMessage("from-${worker_name}");
	};
	// For dedicated workers:
	self.addEventListener("message", () => handler(self.postMessage));
	// For shared workers:
	self.addEventListener("connect", (e) => {
	var port = e.ports[0];
	port.onmessage = () => handler(msg => port.postMessage(msg));
	port.start();

	});
	`;
	return "data:,".concat(encodeURIComponent(source));
	}

	promise_test(t => {
	return new Promise((resolve, reject) => {
	const channel_name = "opaque-origin-test-3";
	const bc1 = new BroadcastChannel(channel_name);
	bc1.onmessage = e => { reject("Received message from an opaque origin"); };

	// Same as the previous test but with data URL dedicated workers (which
	// should have opaque origins per the HTML spec).
	const worker_name_prefix = "data-url-dedicated-worker";
	const worker_1_name = `${worker_name_prefix}-1`;
	const worker_2_name = `${worker_name_prefix}-2`;

	const handler = e => {
	if(e.data == `${worker_1_name}-done`) {
	const worker2 = new Worker(data_url_worker_src(channel_name, worker_2_name));
	t.add_cleanup(() => worker2.terminate());
	worker2.addEventListener("message", handler);
	worker2.postMessage("go!");
	} else if(e.data == `${worker_2_name}-done`) {
	resolve();
	} else if(e.data == "fail") {
	reject("One opaque origin received a message from the other");
	} else {
	reject("An unexpected error occurred");
	}
	};

	let worker1 = new Worker(data_url_worker_src(channel_name, worker_1_name));
	t.add_cleanup(() => worker1.terminate());
	worker1.addEventListener("message", handler);
	worker1.postMessage("go!");
	});
	}, "BroadcastChannel messages from data URL dedicated workers should be self-contained");

	promise_test(() => {
	return new Promise((resolve, reject) => {
	const channel_name = "opaque-origin-test-4";
	const bc1 = new BroadcastChannel(channel_name);

	// Same as the previous test but with data URL shared workers (which
	// should have opaque origins per the HTML spec).
	const worker_name_prefix = "data-url-shared-worker";
	const worker_1_name = `${worker_name_prefix}-1`;
	const worker_2_name = `${worker_name_prefix}-2`;

	const handler = e => {
	if (e.data == `${worker_1_name}-done`) {
	const worker_script = data_url_worker_src(channel_name, worker_2_name);
	const worker2 = new SharedWorker(worker_script, worker_2_name);
	worker2.port.addEventListener("message", handler);
	worker2.port.start();
	worker2.port.postMessage("go!");
	} else if(e.data == `${worker_2_name}-done`) {
	resolve();
	} else if(e.data == "fail") {
	reject("One opaque origin received a message from the other");
	} else {
	reject("An unexpected error occurred");
	}
	};

	bc1.onmessage = e => {
	if (e.data == "go!") {
	const worker_script = data_url_worker_src(channel_name, worker_1_name);
	const worker1 = new SharedWorker(worker_script, worker_1_name);
	worker1.port.addEventListener("message", handler);
	worker1.port.start();
	worker1.port.postMessage("go!");
	} else {
	reject("Received message from an opaque origin");
	}
	};

	// Ensure that the BroadcastChannel instance above can receive messages
	// before we create the first shared worker.
	const bc2 = new BroadcastChannel(channel_name);
	bc2.postMessage("go!");
	});
	}, "BroadcastChannel messages from data URL shared workers should be self-contained");
	//-->
	</script>
	</body>
	</html>