48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<title>Test that mutation observer doesn't break noassert container size setter.</title>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/common/utils.js"></script>
|
|
<script src="/common/dispatcher/dispatcher.js"></script>
|
|
<script src="resources/utils.js"></script>
|
|
|
|
<body>
|
|
<script>
|
|
|
|
async function checkMutationObserver() {
|
|
// Create a FLEDGE FF with a constant content size and given container size.
|
|
const requested_width_1 = '299px';
|
|
const requested_height_1 = '72px';
|
|
const frame = await attachFencedFrameContext({
|
|
generator_api: 'fledge', resolve_to_config: true, ad_with_size: true,
|
|
requested_size: [requested_width_1, requested_height_1]});
|
|
|
|
// Install a mutation observer.
|
|
const config = { attributes: true, childList: true, subtree: true };
|
|
const callback = (mutationList, observer) => {
|
|
throw new Error("mutation observed");
|
|
}
|
|
const observer = new MutationObserver(callback);
|
|
observer.observe(frame.element, config);
|
|
|
|
// Modify the container size manually.
|
|
const modified_width = '121px';
|
|
const modified_height = '444px';
|
|
frame.element.width = modified_width;
|
|
frame.element.height = modified_height;
|
|
|
|
// Navigate to a new FLEDGE FF config with a different container size.
|
|
const requested_width_2 = '321px';
|
|
const requested_height_2 = '49px';
|
|
const replaced_frame = await replaceFrameContext(frame, {
|
|
generator_api: 'fledge', resolve_to_config: true, ad_with_size: true,
|
|
requested_size: [requested_width_2, requested_height_2]});
|
|
|
|
observer.disconnect();
|
|
}
|
|
|
|
setup({allow_uncaught_exception: true});
|
|
promise_test(async () => { return checkMutationObserver(); }, 'Container size assert no exception ignores mutation observer');
|
|
|
|
</script>
|
|
</body>
|