Title: [276350] trunk/LayoutTests/imported/w3c
- Revision
- 276350
- Author
- [email protected]
- Date
- 2021-04-21 00:33:17 -0700 (Wed, 21 Apr 2021)
Log Message
[selectors] Import one more :focus-visible WPT test
https://bugs.webkit.org/show_bug.cgi?id=224827
Reviewed by Rob Buis.
* web-platform-tests/css/selectors/focus-visible-020-expected.txt: Added.
* web-platform-tests/css/selectors/focus-visible-020.html: Added.
* web-platform-tests/css/selectors/w3c-import.log:
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (276349 => 276350)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2021-04-21 07:33:00 UTC (rev 276349)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2021-04-21 07:33:17 UTC (rev 276350)
@@ -1,3 +1,14 @@
+2021-04-21 Manuel Rego Casasnovas <[email protected]>
+
+ [selectors] Import one more :focus-visible WPT test
+ https://bugs.webkit.org/show_bug.cgi?id=224827
+
+ Reviewed by Rob Buis.
+
+ * web-platform-tests/css/selectors/focus-visible-020-expected.txt: Added.
+ * web-platform-tests/css/selectors/focus-visible-020.html: Added.
+ * web-platform-tests/css/selectors/w3c-import.log:
+
2021-04-20 Cathie Chen <[email protected]>
Update html/rendering/replaced-elements/attributes-for-embedded-content-and-images/ tests from WPT
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-020-expected.txt (0 => 276350)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-020-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-020-expected.txt 2021-04-21 07:33:17 UTC (rev 276350)
@@ -0,0 +1,8 @@
+This test checks that :focus-visible doesn't math on ShadowRoot.
+
+The input should be focused on load, if it's not focused, focus it via mouse or keyboard.
+If you see no red the test result is SUCCESS.
+
+PASS ":focus-visible" should be a valid selector
+PASS :focus-visible doesn't match on ShadowRoot
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-020.html (0 => 276350)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-020.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-020.html 2021-04-21 07:33:17 UTC (rev 276350)
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<meta charset="utf-8" />
+<title>CSS Test (Selectors): :focus-visible doesn't match on ShadowRoot</title>
+<link rel="author" title="Manuel Rego Casasnovas" href=""
+<link rel="help" href="" />
+<script src=""
+<script src=""
+<script src=""
+<style>
+ #warning {
+ display: none;
+ background: red;
+ }
+
+ @supports not selector(:focus-visible) {
+ #instructions {
+ display: none;
+ }
+
+ #warning {
+ display: block;
+ }
+ }
+
+ #host:focus-visible {
+ outline: 0;
+ background-color: red;
+ }
+</style>
+
+<p>This test checks that <code>:focus-visible</code> doesn't math on ShadowRoot.</p>
+<ol id="instructions">
+ <li>The input should be focused on load, if it's not focused, focus it via mouse or keyboard.</li>
+ <li>If you see no red the test result is SUCCESS.</li>
+</ol>
+<p id="warning">Your user-agent does not support <code>:focus-visible</code> pseudo-class, please SKIP this test.</p>
+
+<div id="host" style="height: 100px;"></div>
+
+<script>
+ const shadowRoot = host.attachShadow({mode: 'open', delegatesFocus: true});
+ shadowRoot.innerHTML = '<input id="target" autofocus value="Focus me">';
+
+ // Check that :focus-visible is supported.
+ test_valid_selector(':focus-visible');
+
+ async_test((t) => {
+ window.requestAnimationFrame(t.step_func_done(() => {
+ assert_not_equals(getComputedStyle(host).backgroundColor, "rgb(255, 0, 0)", `backgroundColor for ${host.tagName}#${host.id} should NOT be red`);
+
+ let focusVisiblePseudoAll = document.querySelectorAll(':focus-visible');
+ assert_equals(focusVisiblePseudoAll.length, 0, "No element matches ':focus-visible'");
+
+ let focusVisibleShadowDOMPseudoAll = shadowRoot.querySelectorAll(':focus-visible');
+ assert_equals(focusVisibleShadowDOMPseudoAll.length, 1, "Only one element matches ':focus-visible' in the Shadow DOM");
+
+ let target = shadowRoot.getElementById("target");
+ assert_equals(target, focusVisibleShadowDOMPseudoAll[0], "${target.tagName}#${target.id} matches ':focus-visible'");
+ }));
+ }, ":focus-visible doesn't match on ShadowRoot");
+</script>
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/w3c-import.log (276349 => 276350)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/w3c-import.log 2021-04-21 07:33:00 UTC (rev 276349)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/selectors/w3c-import.log 2021-04-21 07:33:17 UTC (rev 276350)
@@ -49,6 +49,7 @@
/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-017.html
/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-018.html
/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-019.html
+/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-020.html
/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-script-focus-001.html
/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-script-focus-002.tentative.html
/LayoutTests/imported/w3c/web-platform-tests/css/selectors/focus-visible-script-focus-003.tentative.html
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
