Test passes if there is a filled green square.
+Test passes if there is a filled green square.
+
Pop up
@@ -53,59 +52,6 @@
setup({ explicit_done: true });
window.onload = () => {
const outsideElement = document.getElementById('outside');
- function assertPopoverVisibility(popover, isPopover, expectedVisibility, message) {
- const isVisible = isElementVisible(popover);
- assert_equals(isVisible, expectedVisibility,`${message}: Expected this element to be ${expectedVisibility ? "visible" : "not visible"}`);
- // Check other things related to being visible or not:
- if (isVisible) {
- assert_not_equals(window.getComputedStyle(popover).display,'none');
- assert_equals(popover.matches(':open'),isPopover,`${message}: Visible popovers should match :open`);
- assert_false(popover.matches(':closed'),`${message}: Visible popovers and *all* non-popovers should *not* match :closed`);
- } else {
- assert_equals(window.getComputedStyle(popover).display,'none',`${message}: Non-showing popovers should have display:none`);
- assert_false(popover.matches(':open'),`${message}: Non-showing popovers should *not* match :open`);
- assert_true(popover.matches(':closed'),`${message}: Non-showing popovers should match :closed`);
- }
- }
- function assertIsFunctionalPopover(popover) {
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'A popover should start out hidden');
- popover.showPopover();
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After showPopover(), a popover should be visible');
- assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a showing popover should throw InvalidStateError');
- popover.hidePopover();
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After hidePopover(), a popover should be hidden');
- assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a hidden popover should throw InvalidStateError');
- popover.togglePopover();
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover() on hidden popover, it should be visible');
- popover.togglePopover();
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover() on visible popover, it should be hidden');
- popover.togglePopover(/*force=*/true);
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on hidden popover, it should be visible');
- popover.togglePopover(/*force=*/true);
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on visible popover, it should be visible');
- popover.togglePopover(/*force=*/false);
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on visible popover, it should be hidden');
- popover.togglePopover(/*force=*/false);
- assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on hidden popover, it should be hidden');
- const parent = popover.parentElement;
- popover.remove();
- assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a disconnected popover should throw InvalidStateError');
- assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
- assert_throws_dom("InvalidStateError",() => popover.togglePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
- parent.appendChild(popover);
- }
- function assertNotAPopover(nonPopover) {
- // If the non-popover element nonetheless has a 'popover' attribute, it should
- // be invisible. Otherwise, it should be visible.
- const expectVisible = !nonPopover.hasAttribute('popover');
- assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'A non-popover should start out visible');
- assert_throws_dom("NotSupportedError",() => nonPopover.showPopover(),'Calling showPopover on a non-popover should throw NotSupported');
- assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling showPopover on a non-popover should leave it visible');
- assert_throws_dom("NotSupportedError",() => nonPopover.hidePopover(),'Calling hidePopover on a non-popover should throw NotSupported');
- assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling hidePopover on a non-popover should leave it visible');
- assert_throws_dom("NotSupportedError",() => nonPopover.togglePopover(),'Calling togglePopover on a non-popover should throw NotSupported');
- assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling togglePopover on a non-popover should leave it visible');
- }
// Start with the provided examples:
Array.from(document.getElementById('popovers').children).forEach(popover => {
@@ -119,25 +65,6 @@ window.onload = () => {
}, `The element ${nonPopover.outerHTML} should *not* behave as a popover.`);
});
- // Then loop through all HTML5 elements that render a box by default:
- let elementsThatDontRender = ['audio','base','br','datalist','dialog','embed','head','link','meta','noscript','param','rp','script','slot','style','template','title','wbr'];
- const elements = HTML5_ELEMENTS.filter(el => !elementsThatDontRender.includes(el));
- elements.forEach(tag => {
- test((t) => {
- const element = document.createElement(tag);
- element.setAttribute('popover','auto');
- document.body.appendChild(element);
- t.add_cleanup(() => element.remove());
- assertIsFunctionalPopover(element);
- }, `A <${tag} popover> element should behave as a popover.`);
- test((t) => {
- const element = document.createElement(tag);
- document.body.appendChild(element);
- t.add_cleanup(() => element.remove());
- assertNotAPopover(element);
- }, `A <${tag}> element should *not* behave as a popover.`);
- });
-
function createPopover(t) {
const popover = document.createElement('div');
document.body.appendChild(popover);
diff --git a/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js b/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js
index 404b893bf03..9c6ba77549b 100644
--- a/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js
+++ b/tests/wpt/web-platform-tests/html/semantics/popovers/resources/popover-utils.js
@@ -114,3 +114,59 @@ function popoverHintSupported() {
testElement.popover = 'hint';
return testElement.popover === 'hint';
}
+
+function assertPopoverVisibility(popover, isPopover, expectedVisibility, message) {
+ const isVisible = isElementVisible(popover);
+ assert_equals(isVisible, expectedVisibility,`${message}: Expected this element to be ${expectedVisibility ? "visible" : "not visible"}`);
+ // Check other things related to being visible or not:
+ if (isVisible) {
+ assert_not_equals(window.getComputedStyle(popover).display,'none');
+ assert_equals(popover.matches(':open'),isPopover,`${message}: Visible popovers should match :open`);
+ assert_false(popover.matches(':closed'),`${message}: Visible popovers and *all* non-popovers should *not* match :closed`);
+ } else {
+ assert_equals(window.getComputedStyle(popover).display,'none',`${message}: Non-showing popovers should have display:none`);
+ assert_false(popover.matches(':open'),`${message}: Non-showing popovers should *not* match :open`);
+ assert_true(popover.matches(':closed'),`${message}: Non-showing popovers should match :closed`);
+ }
+}
+
+function assertIsFunctionalPopover(popover) {
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'A popover should start out hidden');
+ popover.showPopover();
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After showPopover(), a popover should be visible');
+ assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a showing popover should throw InvalidStateError');
+ popover.hidePopover();
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After hidePopover(), a popover should be hidden');
+ assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a hidden popover should throw InvalidStateError');
+ popover.togglePopover();
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover() on hidden popover, it should be visible');
+ popover.togglePopover();
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover() on visible popover, it should be hidden');
+ popover.togglePopover(/*force=*/true);
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on hidden popover, it should be visible');
+ popover.togglePopover(/*force=*/true);
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on visible popover, it should be visible');
+ popover.togglePopover(/*force=*/false);
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on visible popover, it should be hidden');
+ popover.togglePopover(/*force=*/false);
+ assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on hidden popover, it should be hidden');
+ const parent = popover.parentElement;
+ popover.remove();
+ assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a disconnected popover should throw InvalidStateError');
+ assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
+ assert_throws_dom("InvalidStateError",() => popover.togglePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
+ parent.appendChild(popover);
+}
+
+function assertNotAPopover(nonPopover) {
+ // If the non-popover element nonetheless has a 'popover' attribute, it should
+ // be invisible. Otherwise, it should be visible.
+ const expectVisible = !nonPopover.hasAttribute('popover');
+ assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'A non-popover should start out visible');
+ assert_throws_dom("NotSupportedError",() => nonPopover.showPopover(),'Calling showPopover on a non-popover should throw NotSupported');
+ assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling showPopover on a non-popover should leave it visible');
+ assert_throws_dom("NotSupportedError",() => nonPopover.hidePopover(),'Calling hidePopover on a non-popover should throw NotSupported');
+ assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling hidePopover on a non-popover should leave it visible');
+ assert_throws_dom("NotSupportedError",() => nonPopover.togglePopover(),'Calling togglePopover on a non-popover should throw NotSupported');
+ assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling togglePopover on a non-popover should leave it visible');
+}
diff --git a/tests/wpt/web-platform-tests/mediasession/mediametadata.html b/tests/wpt/web-platform-tests/mediasession/mediametadata.html
index ff00e54ee7c..f87e71d9690 100644
--- a/tests/wpt/web-platform-tests/mediasession/mediametadata.html
+++ b/tests/wpt/web-platform-tests/mediasession/mediametadata.html
@@ -212,7 +212,7 @@ promise_test(async t => {
assert_equals(artwork.length, URLs.length);
for (let i = 0 ; i < artwork.length ; ++i) {
- assert_equals(artwork[i].src, new URL(URLs[i], document.URL).href);
+ assert_equals(artwork[i].src, new URL(URLs[i], subframe.contentDocument.URL).href);
}
}, 'Test that the base URL of MediaImage is the base URL of entry setting object');
diff --git a/tests/wpt/web-platform-tests/pointerevents/compat/pointerevent_mouse-pointer-preventdefault.html b/tests/wpt/web-platform-tests/pointerevents/compat/pointerevent_mouse-pointer-preventdefault.html
index c4990ff5f9d..549cbf55d88 100644
--- a/tests/wpt/web-platform-tests/pointerevents/compat/pointerevent_mouse-pointer-preventdefault.html
+++ b/tests/wpt/web-platform-tests/pointerevents/compat/pointerevent_mouse-pointer-preventdefault.html
@@ -17,119 +17,58 @@ div.box {
-
-
diff --git a/tests/wpt/web-platform-tests/serial/getPorts/reject_opaque_origin.https.html.headers b/tests/wpt/web-platform-tests/serial/getPorts/reject_opaque_origin.https.html.headers
deleted file mode 100644
index 1efcf8c226f..00000000000
--- a/tests/wpt/web-platform-tests/serial/getPorts/reject_opaque_origin.https.html.headers
+++ /dev/null
@@ -1 +0,0 @@
-Content-Security-Policy: sandbox allow-scripts
diff --git a/tests/wpt/web-platform-tests/serial/getPorts/sandboxed_iframe.https.window.js b/tests/wpt/web-platform-tests/serial/getPorts/sandboxed_iframe.https.window.js
deleted file mode 100644
index 8fae11ccfe5..00000000000
--- a/tests/wpt/web-platform-tests/serial/getPorts/sandboxed_iframe.https.window.js
+++ /dev/null
@@ -1,22 +0,0 @@
-'use strict';
-
-let iframe = document.createElement('iframe');
-
-promise_test(async () => {
- await new Promise(resolve => {
- iframe.src = '../resources/open-in-iframe.html';
- iframe.sandbox.add('allow-scripts');
- iframe.allow = 'serial';
- document.body.appendChild(iframe);
- iframe.addEventListener('load', resolve);
- });
-
- await new Promise(resolve => {
- iframe.contentWindow.postMessage({type: 'GetPorts'}, '*');
-
- window.addEventListener('message', (messageEvent) => {
- assert_equals('Success', messageEvent.data);
- resolve();
- });
- });
-}, 'GetPorts from a sandboxed iframe is valid.');
diff --git a/tests/wpt/web-platform-tests/serial/requestPort/reject_opaque_origin.https.html b/tests/wpt/web-platform-tests/serial/requestPort/reject_opaque_origin.https.html
deleted file mode 100644
index ade8ae7392e..00000000000
--- a/tests/wpt/web-platform-tests/serial/requestPort/reject_opaque_origin.https.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
diff --git a/tests/wpt/web-platform-tests/serial/requestPort/reject_opaque_origin.https.html.headers b/tests/wpt/web-platform-tests/serial/requestPort/reject_opaque_origin.https.html.headers
deleted file mode 100644
index 1efcf8c226f..00000000000
--- a/tests/wpt/web-platform-tests/serial/requestPort/reject_opaque_origin.https.html.headers
+++ /dev/null
@@ -1 +0,0 @@
-Content-Security-Policy: sandbox allow-scripts
diff --git a/tests/wpt/web-platform-tests/serial/requestPort/sandboxed_iframe.https.window.js b/tests/wpt/web-platform-tests/serial/requestPort/sandboxed_iframe.https.window.js
deleted file mode 100644
index 6e169510a0b..00000000000
--- a/tests/wpt/web-platform-tests/serial/requestPort/sandboxed_iframe.https.window.js
+++ /dev/null
@@ -1,26 +0,0 @@
-'use strict';
-
-let iframe = document.createElement('iframe');
-
-promise_test(async () => {
- await new Promise(resolve => {
- iframe.src = '../resources/open-in-iframe.html';
- iframe.sandbox.add('allow-scripts');
- iframe.allow = 'serial';
- document.body.appendChild(iframe);
- iframe.addEventListener('load', resolve);
- });
-
- await new Promise(resolve => {
- iframe.contentWindow.postMessage({type: 'RequestPort'}, '*');
-
- window.addEventListener('message', (messageEvent) => {
- // The failure message of no device chosen is expected. The point here is
- // to validate not failing because of a sandboxed iframe.
- assert_equals(
- 'FAIL: NotFoundError: Failed to execute \'requestPort\' on \'Serial\': No port selected by the user.',
- messageEvent.data);
- resolve();
- });
- });
-}, 'RequestPort from a sandboxed iframe is valid.');
diff --git a/tests/wpt/web-platform-tests/serial/resources/open-in-iframe.html b/tests/wpt/web-platform-tests/serial/resources/open-in-iframe.html
deleted file mode 100644
index 9bf8beb66aa..00000000000
--- a/tests/wpt/web-platform-tests/serial/resources/open-in-iframe.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
-
-
-
-