Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(461)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-003.html

Issue 1899623002: Import latest web-platform-tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: handle new failures Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-002.html ('k') | third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-004.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-003.html
diff --git a/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-003.html b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-003.html
index 3efa2214ba30ab0bd22c0deab1b146ec58b6e2b2..0563cae2b1ebf92cc694e23bd0251cadc3a3018b 100644
--- a/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-003.html
+++ b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-003.html
@@ -16,7 +16,8 @@ policies and contribution forms [3].
<meta name="assert" content="User Interaction: For sequential focus navigation, the shadow DOM navigation order sequence must be inserted into the document navigation order in place of the shadow host as if the shadow host were assigned the value of auto for determining its position and shadow host is not focusable">
<script src="../../../../../../resources/testharness.js"></script>
<script src="../../../../../../resources/testharnessreport.js"></script>
-<script src="../../testcommon.js"></script>
+<script src="../../../../html/resources/common.js"></script>
+<script src="../../../resources/shadow-dom-utils.js"></script>
</head>
<body>
<div id="log"></div>
@@ -25,99 +26,99 @@ var A_07_02_03_T01 = async_test('A_07_02_03_T01');
A_07_02_03_T01.step(unit(function (ctx) {
- var counter = 0;
-
- var invoked = [];
-
- var d = newRenderedHTMLDocument(ctx);
-
- var chb1 = d.createElement('input');
- chb1.setAttribute('type', 'checkbox');
- // TODO according CSS3 nav-index is a replacement for tabindex
- //chb1.setAttribute('nav-index', '4');
- chb1.setAttribute('tabindex', '4');
- chb1.setAttribute('id', 'chb1');
- chb1.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
- assert_equals(counter++, 1, 'Point 1: wrong focus navigation order');
- invoked[1] = true;
- }), false);
- invoked[1] = false;
- d.body.appendChild(chb1);
-
- var host = d.createElement('div');
- d.body.appendChild(host);
- var s = host.createShadowRoot();
-
- var inp1 = d.createElement('input');
- inp1.setAttribute('type', 'text');
- inp1.setAttribute('id', 'shInp1');
- //inp1.setAttribute('nav-index', '3');
- inp1.setAttribute('tabindex', '3');
- inp1.setAttribute('value', 'Input 1');
- inp1.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
- assert_equals(counter++, 4, 'Point 2: wrong focus navigation order');
- invoked[2] = true;
- }), false);
- invoked[2] = false;
- s.appendChild(inp1);
-
- var inp2 = d.createElement('input');
- inp2.setAttribute('type', 'text');
- inp2.setAttribute('id', 'shInp2');
- //inp2.setAttribute('nav-index', '2');
- inp2.setAttribute('tabindex', '2');
- inp2.setAttribute('value', 'Input 2');
- inp2.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
- assert_equals(counter++, 3, 'Point 3: wrong focus navigation order');
- invoked[3] = true;
- }), false);
- invoked[3] = false;
- s.appendChild(inp2);
-
- var chb2 = d.createElement('input');
- chb2.setAttribute('type', 'checkbox');
- chb2.setAttribute('id', 'chb2');
- //chb2.setAttribute('nav-index', '1');
- chb2.setAttribute('tabindex', '1');
- chb2.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
- assert_equals(counter++, 0, 'Point 4: wrong focus navigation order');
- invoked[4] = true;
- }), false);
- invoked[4] = false;
- d.body.appendChild(chb2);
-
- var chb3 = d.createElement('input');
- chb3.setAttribute('type', 'checkbox');
- chb3.setAttribute('id', 'chb3');
- //chb3.setAttribute('nav-index', '5');
- chb3.setAttribute('tabindex', '5');
- chb3.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
- assert_equals(counter++, 2, 'Point 5: wrong focus navigation order');
- invoked[5] = true;
- }), false);
- invoked[5] = false;
- d.body.appendChild(chb3);
-
- chb2.focus();
-
- //simulate TAB clicks. Expected order: chb2, chb1, chb3, inp2, inp1
- fireKeyboardEvent(d, chb2, 'U+0009');
-
- fireKeyboardEvent(d, chb1, 'U+0009');
-
- fireKeyboardEvent(d, chb3, 'U+0009');
-
- fireKeyboardEvent(d, inp2, 'U+0009');
-
- fireKeyboardEvent(d, inp1, 'U+0009');
-
- for (var i = 1; i < invoked.length; i++) {
- if (!invoked[i]) {
- assert_true(false, 'Piont ' + i + ' event listener was not invoked');
- }
- }
-
- A_07_02_03_T01.done();
+ var counter = 0;
+
+ var invoked = [];
+
+ var d = newRenderedHTMLDocument(ctx);
+
+ var chb1 = d.createElement('input');
+ chb1.setAttribute('type', 'checkbox');
+ // TODO according CSS3 nav-index is a replacement for tabindex
+ //chb1.setAttribute('nav-index', '4');
+ chb1.setAttribute('tabindex', '4');
+ chb1.setAttribute('id', 'chb1');
+ chb1.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
+ assert_equals(counter++, 1, 'Point 1: wrong focus navigation order');
+ invoked[1] = true;
+ }), false);
+ invoked[1] = false;
+ d.body.appendChild(chb1);
+
+ var host = d.createElement('div');
+ d.body.appendChild(host);
+ var s = host.attachShadow({mode: 'open'});
+
+ var inp1 = d.createElement('input');
+ inp1.setAttribute('type', 'text');
+ inp1.setAttribute('id', 'shInp1');
+ //inp1.setAttribute('nav-index', '3');
+ inp1.setAttribute('tabindex', '3');
+ inp1.setAttribute('value', 'Input 1');
+ inp1.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
+ assert_equals(counter++, 4, 'Point 2: wrong focus navigation order');
+ invoked[2] = true;
+ }), false);
+ invoked[2] = false;
+ s.appendChild(inp1);
+
+ var inp2 = d.createElement('input');
+ inp2.setAttribute('type', 'text');
+ inp2.setAttribute('id', 'shInp2');
+ //inp2.setAttribute('nav-index', '2');
+ inp2.setAttribute('tabindex', '2');
+ inp2.setAttribute('value', 'Input 2');
+ inp2.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
+ assert_equals(counter++, 3, 'Point 3: wrong focus navigation order');
+ invoked[3] = true;
+ }), false);
+ invoked[3] = false;
+ s.appendChild(inp2);
+
+ var chb2 = d.createElement('input');
+ chb2.setAttribute('type', 'checkbox');
+ chb2.setAttribute('id', 'chb2');
+ //chb2.setAttribute('nav-index', '1');
+ chb2.setAttribute('tabindex', '1');
+ chb2.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
+ assert_equals(counter++, 0, 'Point 4: wrong focus navigation order');
+ invoked[4] = true;
+ }), false);
+ invoked[4] = false;
+ d.body.appendChild(chb2);
+
+ var chb3 = d.createElement('input');
+ chb3.setAttribute('type', 'checkbox');
+ chb3.setAttribute('id', 'chb3');
+ //chb3.setAttribute('nav-index', '5');
+ chb3.setAttribute('tabindex', '5');
+ chb3.addEventListener('focus', A_07_02_03_T01.step_func(function(event) {
+ assert_equals(counter++, 2, 'Point 5: wrong focus navigation order');
+ invoked[5] = true;
+ }), false);
+ invoked[5] = false;
+ d.body.appendChild(chb3);
+
+ chb2.focus();
+
+ //simulate TAB clicks. Expected order: chb2, chb1, chb3, inp2, inp1
+ fireKeyboardEvent(d, chb2, 'U+0009');
+
+ fireKeyboardEvent(d, chb1, 'U+0009');
+
+ fireKeyboardEvent(d, chb3, 'U+0009');
+
+ fireKeyboardEvent(d, inp2, 'U+0009');
+
+ fireKeyboardEvent(d, inp1, 'U+0009');
+
+ for (var i = 1; i < invoked.length; i++) {
+ if (!invoked[i]) {
+ assert_true(false, 'Piont ' + i + ' event listener was not invoked');
+ }
+ }
+
+ A_07_02_03_T01.done();
}));
// test nodes, distributed into insertion points
@@ -125,111 +126,111 @@ var A_07_02_03_T02 = async_test('A_07_02_03_T02');
A_07_02_03_T02.step(unit(function (ctx) {
- var counter = 0;
-
- var invoked = [];
-
- var d = newRenderedHTMLDocument(ctx);
-
- var host = d.createElement('div');
- d.body.appendChild(host);
-
- var chb1 = d.createElement('input');
- chb1.setAttribute('type', 'checkbox');
- chb1.setAttribute('id', 'chb1');
- chb1.setAttribute('tabindex', '1');
- chb1.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
- assert_equals(counter++, 0, 'Point 1: wrong focus navigation order');
- invoked[1] = true;
- }), false);
- invoked[1] = false;
- d.body.appendChild(chb1);
-
- var chb2 = d.createElement('input');
- chb2.setAttribute('type', 'checkbox');
- chb2.setAttribute('id', 'chb2');
- chb2.setAttribute('class', 'shadow');
- chb2.setAttribute('tabindex', '3');
- chb2.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
- assert_equals(counter++, 2, 'Point 2: wrong focus navigation order');
- invoked[2] = true;
- }), false);
- invoked[2] = false;
- host.appendChild(chb2);
-
- var chb3 = d.createElement('input');
- chb3.setAttribute('type', 'checkbox');
- chb3.setAttribute('id', 'chb3');
- chb3.setAttribute('class', 'shadow');
- chb3.setAttribute('tabindex', '2');
- chb3.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
- assert_equals(counter++, 1, 'Point 3: wrong focus navigation order');
- invoked[3] = true;
- }), false);
- invoked[3] = false;
- host.appendChild(chb3);
-
- var s = host.createShadowRoot();
-
- var div = d.createElement('div');
- div.innerHTML = '<content select=".shadow"></content>';
- s.appendChild(div);
-
- var inp1 = d.createElement('input');
- inp1.setAttribute('type', 'text');
- inp1.setAttribute('id', 'shInp1');
- inp1.setAttribute('value', 'Input 1');
- inp1.setAttribute('tabindex', '4');
- inp1.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
- assert_equals(counter++, 4, 'Point 4: wrong focus navigation order');
- invoked[4] = true;
- }), false);
- invoked[4] = false;
- s.appendChild(inp1);
-
- var inp2 = d.createElement('input');
- inp2.setAttribute('type', 'text');
- inp2.setAttribute('id', 'shInp2');
- inp2.setAttribute('value', 'Input 2');
- inp2.setAttribute('tabindex', '5');
- inp2.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
- assert_equals(counter++, 5, 'Point 5: wrong focus navigation order');
- invoked[5] = true;
- }), false);
- invoked[5] = false;
- s.appendChild(inp2);
-
- var chb4 = d.createElement('input');
- chb4.setAttribute('type', 'checkbox');
- chb4.setAttribute('id', 'chb4');
- chb4.setAttribute('tabindex', '6');
- chb4.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
- assert_equals(counter++, 3, 'Point 6: wrong focus navigation order');
- invoked[6] = true;
- }), false);
- invoked[6] = false;
- d.body.appendChild(chb4);
-
- chb1.focus();
-
- //simulate TAB clicks
- //Expected order: chb1, chb3, chb2, chb4, inp1, inp2
- fireKeyboardEvent(d, chb1, 'U+0009');
- fireKeyboardEvent(d, chb3, 'U+0009');
- fireKeyboardEvent(d, chb2, 'U+0009');
- fireKeyboardEvent(d, chb4, 'U+0009');
- fireKeyboardEvent(d, inp1, 'U+0009');
- fireKeyboardEvent(d, inp2, 'U+0009');
-
-
-
- for (var i = 1; i < invoked.length; i++) {
- if (!invoked[i]) {
- assert_true(false, 'Piont ' + i + ' event listener was not invoked');
- }
- }
-
- A_07_02_03_T02.done();
+ var counter = 0;
+
+ var invoked = [];
+
+ var d = newRenderedHTMLDocument(ctx);
+
+ var host = d.createElement('div');
+ d.body.appendChild(host);
+
+ var chb1 = d.createElement('input');
+ chb1.setAttribute('type', 'checkbox');
+ chb1.setAttribute('id', 'chb1');
+ chb1.setAttribute('tabindex', '1');
+ chb1.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
+ assert_equals(counter++, 0, 'Point 1: wrong focus navigation order');
+ invoked[1] = true;
+ }), false);
+ invoked[1] = false;
+ d.body.appendChild(chb1);
+
+ var chb2 = d.createElement('input');
+ chb2.setAttribute('type', 'checkbox');
+ chb2.setAttribute('id', 'chb2');
+ chb2.setAttribute('slot', 'shadow');
+ chb2.setAttribute('tabindex', '3');
+ chb2.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
+ assert_equals(counter++, 2, 'Point 2: wrong focus navigation order');
+ invoked[2] = true;
+ }), false);
+ invoked[2] = false;
+ host.appendChild(chb2);
+
+ var chb3 = d.createElement('input');
+ chb3.setAttribute('type', 'checkbox');
+ chb3.setAttribute('id', 'chb3');
+ chb3.setAttribute('slot', 'shadow');
+ chb3.setAttribute('tabindex', '2');
+ chb3.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
+ assert_equals(counter++, 1, 'Point 3: wrong focus navigation order');
+ invoked[3] = true;
+ }), false);
+ invoked[3] = false;
+ host.appendChild(chb3);
+
+ var s = host.attachShadow({mode: 'open'});
+
+ var div = d.createElement('div');
+ div.innerHTML = '<slot name="shadow"></slot>';
+ s.appendChild(div);
+
+ var inp1 = d.createElement('input');
+ inp1.setAttribute('type', 'text');
+ inp1.setAttribute('id', 'shInp1');
+ inp1.setAttribute('value', 'Input 1');
+ inp1.setAttribute('tabindex', '4');
+ inp1.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
+ assert_equals(counter++, 4, 'Point 4: wrong focus navigation order');
+ invoked[4] = true;
+ }), false);
+ invoked[4] = false;
+ s.appendChild(inp1);
+
+ var inp2 = d.createElement('input');
+ inp2.setAttribute('type', 'text');
+ inp2.setAttribute('id', 'shInp2');
+ inp2.setAttribute('value', 'Input 2');
+ inp2.setAttribute('tabindex', '5');
+ inp2.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
+ assert_equals(counter++, 5, 'Point 5: wrong focus navigation order');
+ invoked[5] = true;
+ }), false);
+ invoked[5] = false;
+ s.appendChild(inp2);
+
+ var chb4 = d.createElement('input');
+ chb4.setAttribute('type', 'checkbox');
+ chb4.setAttribute('id', 'chb4');
+ chb4.setAttribute('tabindex', '6');
+ chb4.addEventListener('focus', A_07_02_03_T02.step_func(function(event) {
+ assert_equals(counter++, 3, 'Point 6: wrong focus navigation order');
+ invoked[6] = true;
+ }), false);
+ invoked[6] = false;
+ d.body.appendChild(chb4);
+
+ chb1.focus();
+
+ //simulate TAB clicks
+ //Expected order: chb1, chb3, chb2, chb4, inp1, inp2
+ fireKeyboardEvent(d, chb1, 'U+0009');
+ fireKeyboardEvent(d, chb3, 'U+0009');
+ fireKeyboardEvent(d, chb2, 'U+0009');
+ fireKeyboardEvent(d, chb4, 'U+0009');
+ fireKeyboardEvent(d, inp1, 'U+0009');
+ fireKeyboardEvent(d, inp2, 'U+0009');
+
+
+
+ for (var i = 1; i < invoked.length; i++) {
+ if (!invoked[i]) {
+ assert_true(false, 'Piont ' + i + ' event listener was not invoked');
+ }
+ }
+
+ A_07_02_03_T02.done();
}));
</script>
</body>
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-002.html ('k') | third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/user-interaction/focus-navigation/test-004.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698