| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/js-test.js"></script> | 2 <script src="../../../resources/js-test.js"></script> |
| 3 <script src="resources/shadow-dom.js"></script> | 3 <script src="resources/shadow-dom.js"></script> |
| 4 <style> | 4 <style> |
| 5 div { | 5 div { |
| 6 background-color: white; | 6 background-color: white; |
| 7 } | 7 } |
| 8 | 8 |
| 9 div#shadow-host:focus { | 9 div#shadow-host:focus { |
| 10 background-color: green; | 10 background-color: green; |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 createShadowRoot( | 33 createShadowRoot( |
| 34 {'delegatesFocus': true}, | 34 {'delegatesFocus': true}, |
| 35 createDOM('shadow', {}), | 35 createDOM('shadow', {}), |
| 36 createDOM('div', {'id': 'inner-div2'}, | 36 createDOM('div', {'id': 'inner-div2'}, |
| 37 document.createTextNode('Blink')), | 37 document.createTextNode('Blink')), |
| 38 createDOM('input', {'id': 'younger-input'}))))); | 38 createDOM('input', {'id': 'younger-input'}))))); |
| 39 sandbox.offsetTop; | 39 sandbox.offsetTop; |
| 40 | 40 |
| 41 backgroundColorShouldBe('shadow-host', 'rgb(255, 255, 255)'); | 41 backgroundColorShouldBe('shadow-host', 'rgb(255, 255, 255)'); |
| 42 | 42 |
| 43 var host = getNodeInTreeOfTrees('shadow-host'); | 43 var host = getNodeInComposedTree('shadow-host'); |
| 44 var outerInput = getNodeInTreeOfTrees('outer-input'); | 44 var outerInput = getNodeInComposedTree('outer-input'); |
| 45 var lightInput = getNodeInTreeOfTrees('light-input'); | 45 var lightInput = getNodeInComposedTree('light-input'); |
| 46 var olderInput = getNodeInTreeOfTrees('shadow-host/older-input'); | 46 var olderInput = getNodeInComposedTree('shadow-host/older-input'); |
| 47 var youngerInput = getNodeInTreeOfTrees('shadow-host//younger-input'); | 47 var youngerInput = getNodeInComposedTree('shadow-host//younger-input'); |
| 48 | 48 |
| 49 debug('(1/3) shadow host without tabindex'); | 49 debug('(1/3) shadow host without tabindex'); |
| 50 outerInput.focus(); | 50 outerInput.focus(); |
| 51 backgroundColorShouldBe('shadow-host', 'rgb(255, 255, 255)'); | 51 backgroundColorShouldBe('shadow-host', 'rgb(255, 255, 255)'); |
| 52 lightInput.focus(); | 52 lightInput.focus(); |
| 53 backgroundColorShouldBe('shadow-host', 'rgb(255, 255, 255)'); | 53 backgroundColorShouldBe('shadow-host', 'rgb(255, 255, 255)'); |
| 54 olderInput.focus(); | 54 olderInput.focus(); |
| 55 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); | 55 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); |
| 56 youngerInput.focus(); | 56 youngerInput.focus(); |
| 57 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); | 57 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); |
| (...skipping 22 matching lines...) Expand all Loading... |
| 80 olderInput.focus(); | 80 olderInput.focus(); |
| 81 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); | 81 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); |
| 82 youngerInput.focus(); | 82 youngerInput.focus(); |
| 83 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); | 83 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); |
| 84 host.focus(); | 84 host.focus(); |
| 85 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); | 85 backgroundColorShouldBe('shadow-host', 'rgb(0, 128, 0)'); |
| 86 } | 86 } |
| 87 | 87 |
| 88 testDistributedNodes(); | 88 testDistributedNodes(); |
| 89 </script> | 89 </script> |
| OLD | NEW |