tniessen/cryptokey-instanceof-frames.html

## cryptokey-instanceof-frames.html
<!DOCTYPE html>
<html>
  <head>
    <title>Index</title>
  </head>
  <body>
    <iframe src="iframe.html" width="100%" height="300"></iframe>
    <pre id="parent"></pre>
    <script type="text/javascript" src="test.js"></script>
    <script type="text/javascript">
      window.addEventListener('message', (e) => {
        const { testValuesFromWorker: v } = window;
        document.querySelector('#parent').textContent = summarizeTestValues(v);
      });
    </script>
  </body>
</html>

## iframe.html
<!DOCTYPE html>
<html>
  <head>
    <title>Frame</title>
  </head>
  <body>
    <pre id="child"></pre>
    <script type="text/javascript" src="test.js"></script>
    <script type="text/javascript">
      generateTestValues().then((v) => {
        document.querySelector('#child').textContent = summarizeTestValues(v);
        window.parent.testValuesFromWorker = v;
        parent.postMessage('doStuff');
      });
    </script>
  </body>
</html>

## test.js
'use strict';

async function generateTestValues() {
  const array = [1, 2, 3];

  const cryptoKey = await crypto.subtle.generateKey({
    name: 'AES-CTR',
    length: 128
  }, true, ['encrypt']);

  return { array, cryptoKey };
}

function summarizeTestValues({ array, cryptoKey }) {
  return [
    `        array instanceof Array === ${array instanceof Array}`,
    `          Array.isArray(array) === ${Array.isArray(array)}`,
    `cryptoKey instanceof CryptoKey === ${cryptoKey instanceof CryptoKey}`
  ].join('\n');
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Index</title>
	</head>
	<body>
	<iframe src="iframe.html" width="100%" height="300"></iframe>
	<pre id="parent"></pre>
	<script type="text/javascript" src="test.js"></script>
	<script type="text/javascript">
	window.addEventListener('message', (e) => {
	const { testValuesFromWorker: v } = window;
	document.querySelector('#parent').textContent = summarizeTestValues(v);
	});
	</script>
	</body>
	</html>
	'use strict';

	async function generateTestValues() {
	const array = [1, 2, 3];

	const cryptoKey = await crypto.subtle.generateKey({
	name: 'AES-CTR',
	length: 128
	}, true, ['encrypt']);

	return { array, cryptoKey };
	}

	function summarizeTestValues({ array, cryptoKey }) {
	return [
	` array instanceof Array === ${array instanceof Array}`,
	` Array.isArray(array) === ${Array.isArray(array)}`,
	`cryptoKey instanceof CryptoKey === ${cryptoKey instanceof CryptoKey}`
	].join('\n');
	}