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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/fast/dom/shadow/delegatesFocus-highlight-sibling.html

Issue 1774113002: Move Shadow DOM V1 tests from fast/dom/shadow to shadow-dom (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: . Created 4 years, 9 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/fast/dom/shadow/css-focus-pseudo-match-shadow-host5-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/dom/shadow/delegatesFocus-highlight-sibling-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/fast/dom/shadow/delegatesFocus-highlight-sibling.html
diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/delegatesFocus-highlight-sibling.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/delegatesFocus-highlight-sibling.html
deleted file mode 100644
index 9a2413de9435c6b057f1df9a4bcd52577bc04471..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/fast/dom/shadow/delegatesFocus-highlight-sibling.html
+++ /dev/null
@@ -1,129 +0,0 @@
-<!DOCTYPE html>
-<script src="../../../resources/js-test.js"></script>
-<script src="resources/shadow-dom.js"></script>
-<!-- Adapted from http://jsbin.com/dexinu/6/edit for layout test -->
-
-<template id="XMenuTemplate">
- <style>
- :host {
- display: inline-block;
- position: relative;
- background-color: #aaa;
- }
- :host(:focus) {
- background-color: #ccc;
- }
- li {
- display: inline-block;
- position: relative;
- background-color: #eee;
- }
- li:focus {
- background-color: #fff;
- }
- </style>
- <li tabindex="0">Item One</li>
- <li tabindex="0">Item Two</li>
- <li tabindex="0">Item Three</li>
-</template>
-
-<section>
- <x-menu id="XMenu1" tabindex="0"></x-menu>
-</section>
-<section>
- <x-menu id="XMenu2" tabindex="0" delegatesFocus></x-menu>
- <x-menu id="XMenu3" tabindex="0" delegatesFocus></x-menu>
-</section>
-<section>
- <x-menu id="XMenu4" tabindex="0" delegatesFocus></x-menu>
-</section>
-
-<script>
-function RegisterXMenu() {
- var template = document.getElementById('XMenuTemplate');
-
- var xMenuProto = Object.create(HTMLElement.prototype);
- xMenuProto.createdCallback = function() {
- var delegatesFocus = this.hasAttribute('delegatesFocus');
- this.attachShadow({ 'mode': 'open', 'delegatesFocus': delegatesFocus })
- .appendChild(
- document.importNode(template.content, true)
- );
- };
- document.registerElement('x-menu', {
- prototype: xMenuProto
- });
-}
-
-function test() {
- debug("crbug/474687 :focus style should properly be applied to shadow hosts.");
-
- var xmenu1 = document.getElementById("XMenu1");
- xmenu1.focus();
- navigateFocusForward();
- navigateFocusForward();
- navigateFocusForward();
- shouldBeEqualToString('document.activeElement.id', 'XMenu1');
- backgroundColorShouldBe('XMenu1', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu2', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu3', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu4', 'rgb(170, 170, 170)');
-
- navigateFocusForward();
- navigateFocusForward();
- navigateFocusForward();
- shouldBeEqualToString('document.activeElement.id', 'XMenu2');
- backgroundColorShouldBe('XMenu1', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu2', 'rgb(204, 204, 204)');
- backgroundColorShouldBe('XMenu3', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu4', 'rgb(170, 170, 170)');
-
- navigateFocusForward();
- navigateFocusForward();
- navigateFocusForward();
- shouldBeEqualToString('document.activeElement.id', 'XMenu3');
- backgroundColorShouldBe('XMenu1', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu2', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu3', 'rgb(204, 204, 204)');
- backgroundColorShouldBe('XMenu4', 'rgb(170, 170, 170)');
-
- navigateFocusForward();
- navigateFocusForward();
- navigateFocusForward();
- shouldBeEqualToString('document.activeElement.id', 'XMenu4');
- backgroundColorShouldBe('XMenu1', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu2', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu3', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu4', 'rgb(204, 204, 204)');
-
- navigateFocusBackward();
- navigateFocusBackward();
- navigateFocusBackward();
- shouldBeEqualToString('document.activeElement.id', 'XMenu3');
- backgroundColorShouldBe('XMenu1', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu2', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu3', 'rgb(204, 204, 204)');
- backgroundColorShouldBe('XMenu4', 'rgb(170, 170, 170)');
-
- navigateFocusBackward();
- navigateFocusBackward();
- navigateFocusBackward();
- shouldBeEqualToString('document.activeElement.id', 'XMenu2');
- backgroundColorShouldBe('XMenu1', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu2', 'rgb(204, 204, 204)');
- backgroundColorShouldBe('XMenu3', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu4', 'rgb(170, 170, 170)');
-
- navigateFocusBackward();
- navigateFocusBackward();
- navigateFocusBackward();
- shouldBeEqualToString('document.activeElement.id', 'XMenu1');
- backgroundColorShouldBe('XMenu1', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu2', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu3', 'rgb(170, 170, 170)');
- backgroundColorShouldBe('XMenu4', 'rgb(170, 170, 170)');
-}
-
-RegisterXMenu();
-test();
-</script>
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/dom/shadow/css-focus-pseudo-match-shadow-host5-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/dom/shadow/delegatesFocus-highlight-sibling-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698