Stowage/ladybird
2
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-12-08 06:09:58 +00:00
Code Issues Projects Releases Packages Wiki Activity
ladybird/Tests/LibWeb/Text/input/HTML/Window-postMessage.html

208 lines
9.4 KiB
HTML
Raw Normal View History

Meta: Add DOCTYPEs to most text tests
2025-03-18 19:28:35 +01:00
<!DOCTYPE html>
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
<body>
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
<script src="../include.js"></script>
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
<script>
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
const iframe = document.createElement("iframe");
const iframeScript = `
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
window.addEventListener('message', (event) => {
LibWeb: Use StructuredSerializeWithTransfer in window.postMessage() And update tests to transfer message a message port between iframes.
2023-12-12 13:41:03 -07:00
window.parent.postMessage(event.data, '*', event.ports);
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
});
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
`;
iframe.srcdoc = "<body><script>" + iframeScript + "<\/script></body>";
const srcdocIframeLoadPromise = new Promise(resolve => {
iframe.onload = () => {
resolve();
};
});
document.body.append(iframe);
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
const blobSrcdoc = new Blob([iframe.srcdoc], {
type: "text/html",
});
const iframeSrcdocBlobUrl = URL.createObjectURL(blobSrcdoc);
const blobIframe = document.createElement("iframe");
blobIframe.src = iframeSrcdocBlobUrl;
blobIframe.setAttribute("style", "display: none");
document.body.append(blobIframe);
let messageCount = 1;
window.onmessage = messageEvent => {
try {
println(`Message ${messageCount} data: ${messageEvent.data}`);
println(`Message ${messageCount} origin: ${messageEvent.origin}`);
println(`Message ${messageCount} lastEventId: ${messageEvent.lastEventId}`);
println(`Message ${messageCount} source: ${messageEvent.source}`);
println(`Message ${messageCount} ports: ${messageEvent.ports}`);
println(`Message ${messageCount} ports === ports: ${messageEvent.ports === messageEvent.ports}`);
println(`Message ${messageCount} Object.isFrozen(ports): ${Object.isFrozen(messageEvent.ports)}`);
println(`Message ${messageCount} source === window: ${messageEvent.source === window}`);
println(
`Message ${messageCount} source === iframe.contentWindow: ${
messageEvent.source === iframe.contentWindow
}`
);
println(
`Message ${messageCount} source === blobIframe.contentWindow: ${
messageEvent.source === blobIframe.contentWindow
}`
);
} catch (ex) {
println(`Accessing attributes of message ${messageCount} threw exception: ${ex}`);
}
messageCount++;
if (messageEvent.source === blobIframe.contentWindow && messageEvent.data === "All done :^)") {
globalThis.doneCallback();
}
};
function performTest() {
window.postMessage(undefined, "*");
window.postMessage(null, "*");
window.postMessage(true, "*");
window.postMessage(false, "*");
window.postMessage(123, "*");
window.postMessage(123.456, "*");
window.postMessage(BigInt("0x1fffffffffffff"), "*");
window.postMessage("This is a string", "/");
window.postMessage("I shouldn't appear, I'm not same origin!", "https://serenityos.org");
iframe.contentWindow.postMessage("I am from another ~planet~ iframe", "*");
let channel = new MessageChannel();
window.postMessage({ foo: [channel.port1] }, "*", [channel.port1]);
blobIframe.contentWindow.postMessage("All done :^)", iframeSrcdocBlobUrl);
try {
window.postMessage("This is a bad origin string", "aaaa");
} catch (originError) {
println(`originError instanceof DOMException: ${originError instanceof DOMException}`);
println(`originError.name: ${originError.name}`);
println(`originError.message: ${originError.message}`);
println(
`originError.constructor === window.DOMException: ${
originError.constructor === window.DOMException
}`
);
}
try {
window.postMessage(document, "aaaa");
} catch (originParsedBeforeSerializeError) {
println(
`originParsedBeforeSerializeError instanceof DOMException: ${
originParsedBeforeSerializeError instanceof DOMException
}`
);
println(`originParsedBeforeSerializeError.name: ${originParsedBeforeSerializeError.name}`);
println(`originParsedBeforeSerializeError.message: ${originParsedBeforeSerializeError.message}`);
println(
`originParsedBeforeSerializeError.constructor === window.DOMException: ${
originParsedBeforeSerializeError.constructor === window.DOMException
}`
);
}
try {
window.postMessage(document, "*");
} catch (serializeError) {
println(`serializeError instanceof DOMException: ${serializeError instanceof DOMException}`);
println(`serializeError.name: ${serializeError.name}`);
println(`serializeError.message: ${serializeError.message}`);
println(
`serializeError.constructor === window.DOMException: ${
serializeError.constructor === window.DOMException
}`
);
}
try {
iframe.contentWindow.postMessage("This is a bad origin string", "aaaa");
} catch (originIframeError) {
println(`originIframeError instanceof DOMException: ${originIframeError instanceof DOMException}`);
println(
`originIframeError instanceof iframe.contentWindow.DOMException: ${
originIframeError instanceof iframe.contentWindow.DOMException
}`
);
println(`originIframeError.name: ${originIframeError.name}`);
println(`originIframeError.message: ${originIframeError.message}`);
println(
`originIframeError.constructor === DOMException: ${originIframeError.constructor === DOMException}`
);
println(
`originIframeError.constructor === iframe.contentWindow.DOMException: ${
originIframeError.constructor === iframe.contentWindow.DOMException
}`
);
}
try {
iframe.contentWindow.postMessage(document, "aaaa");
} catch (originParsedBeforeSerializeIframeError) {
println(
`originParsedBeforeSerializeIframeError instanceof DOMException: ${
originParsedBeforeSerializeIframeError instanceof DOMException
}`
);
println(
`originParsedBeforeSerializeIframeError instanceof iframe.contentWindow.DOMException: ${
originParsedBeforeSerializeIframeError instanceof iframe.contentWindow.DOMException
}`
);
println(`originParsedBeforeSerializeIframeError.name: ${originParsedBeforeSerializeIframeError.name}`);
println(
`originParsedBeforeSerializeIframeError.message: ${originParsedBeforeSerializeIframeError.message}`
);
println(
`originParsedBeforeSerializeIframeError.constructor === DOMException: ${
originParsedBeforeSerializeIframeError.constructor === DOMException
}`
);
println(
`originParsedBeforeSerializeIframeError.constructor === iframe.contentWindow.DOMException: ${
originParsedBeforeSerializeIframeError.constructor === iframe.contentWindow.DOMException
}`
);
}
try {
iframe.contentWindow.postMessage(document, "*");
} catch (serializeIframeError) {
println(
`serializeIframeError instanceof DOMException: ${serializeIframeError instanceof DOMException}`
);
println(
`serializeIframeError instanceof iframe.contentWindow.DOMException: ${
serializeIframeError instanceof iframe.contentWindow.DOMException
}`
);
println(`serializeIframeError.name: ${serializeIframeError.name}`);
println(`serializeIframeError.message: ${serializeIframeError.message}`);
println(
`serializeIframeError.constructor === DOMException: ${
serializeIframeError.constructor === DOMException
}`
);
println(
`serializeIframeError.constructor === iframe.contentWindow.DOMException: ${
serializeIframeError.constructor === iframe.contentWindow.DOMException
}`
);
}
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
}
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
asyncTest(done => {
globalThis.doneCallback = done;
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
const blobIframeLoadPromise = new Promise(resolve => {
blobIframe.onload = () => resolve();
});
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
Promise.all([blobIframeLoadPromise, srcdocIframeLoadPromise]).then(() => {
performTest();
});
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
});
Tests: Rewrite `Window-postMessage.html` to set up `onload` earlier ...for iframes with srcdoc, this ensures the test won't get stuck if the load event fires between creating the iframe and adding the onload handler in the `asyncTest()` callback. Previously, this test would pass in Firefox and Safari, but get stuck in Chrome. Now all browsers pass it.
2025-11-17 00:57:52 +01:00
</script>
LibWeb: Make Window.postMessage closer to the spec The main issues are using Structured{Serialize,Deserailize} instead of Structured{Serialize,Deserialize}WithTransfer and the temporary execution context usage for StructuredDeserialize. Allows Discord to load once again, as it uses a postMessage scheduler to render components, including the main App component. The callback checked the (previously) non-existent source attribute of the MessageEvent and returned if it was not the main window. Fixes the Twitch cookie consent banner saying "failed integrity check" for unknown reasons, but presumably related to the source and origin attributes.
2023-11-06 20:22:56 +00:00
</body>
Reference in a new issue Copy permalink