| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <head> |   3 <head> | 
|   4 <script src="resources/shadow-dom.js"></script> |   4 <script src="resources/shadow-dom.js"></script> | 
|   5 <script src="../../../resources/js-test.js"></script> |   5 <script src="../../../resources/js-test.js"></script> | 
|   6 </head> |   6 </head> | 
|   7 <body> |   7 <body> | 
|   8 </body> |   8 </body> | 
|   9 <script> |   9 <script> | 
|  10 document.body.appendChild( |  10 document.body.appendChild( | 
|  11     createDOM('div', {'id': 'foo-host'}, |  11     createDOM('div', {'id': 'foo-host'}, | 
|  12         createShadowRoot( |  12         createShadowRoot( | 
|  13             createDOM('div', {}, |  13             createDOM('div', {}, | 
|  14                 createDOM('span', {'id': 'not-top1'})), |  14                 createDOM('span', {'id': 'not-top1'})), | 
|  15             createDOM('span', {'id': 'top1'})), |  15             createDOM('span', {'id': 'top1'})), | 
|  16         createShadowRoot( |  16         createShadowRoot( | 
|  17             createDOM('div', {}, |  17             createDOM('div', {}, | 
|  18                 createDOM('span', {'id': 'not-top2'})), |  18                 createDOM('span', {'id': 'not-top2'})), | 
|  19             createDOM('span', {'id': 'top2'})), |  19             createDOM('span', {'id': 'top2'})), | 
|  20         createShadowRoot( |  20         createShadowRoot( | 
|  21             createDOM('div', {}, |  21             createDOM('div', {}, | 
|  22                 createDOM('span', {'id': 'not-top3'})), |  22                 createDOM('span', {'id': 'not-top3'})), | 
|  23             createDOM('span', {'id': 'top3'})))); |  23             createDOM('span', {'id': 'top3'})))); | 
|  24  |  24  | 
|  25 document.body.appendChild( |  25 document.body.appendChild( | 
|  26     createDOM('pre', {'id': 'console'})); |  26     createDOM('pre', {'id': 'console'})); | 
|  27  |  27  | 
|  28 description('crbug.com/337616: test for querySelectorAll with /shadow/ and /shad
    ow-deep/'); |  28 description('crbug.com/337616: test for querySelectorAll with /shadow/ and /deep
    /'); | 
|  29  |  29  | 
|  30 var shadowRoot1 = getNodeInTreeOfTrees('foo-host/'); |  30 var shadowRoot1 = getNodeInTreeOfTrees('foo-host/'); | 
|  31 var shadowRoot2 = getNodeInTreeOfTrees('foo-host//'); |  31 var shadowRoot2 = getNodeInTreeOfTrees('foo-host//'); | 
|  32 var shadowRoot3 = getNodeInTreeOfTrees('foo-host///'); |  32 var shadowRoot3 = getNodeInTreeOfTrees('foo-host///'); | 
|  33  |  33  | 
|  34 shouldBe('document.querySelectorAll("#foo-host /shadow/ span").length', '6'); |  34 shouldBe('document.querySelectorAll("#foo-host /shadow/ span").length', '6'); | 
|  35 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[0].id', '"not-top
    1"'); |  35 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[0].id', '"not-top
    1"'); | 
|  36 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[1].id', '"top1"')
    ; |  36 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[1].id', '"top1"')
    ; | 
|  37 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[2].id', '"not-top
    2"'); |  37 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[2].id', '"not-top
    2"'); | 
|  38 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[3].id', '"top2"')
    ; |  38 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[3].id', '"top2"')
    ; | 
|  39 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[4].id', '"not-top
    3"'); |  39 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[4].id', '"not-top
    3"'); | 
|  40 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[5].id', '"top3"')
    ; |  40 shouldBe('document.querySelectorAll("#foo-host /shadow/ span")[5].id', '"top3"')
    ; | 
|  41  |  41  | 
|  42 shouldBe('shadowRoot1.querySelectorAll(":host /shadow/ span").length', '2'); |  42 shouldBe('shadowRoot1.querySelectorAll(":host /shadow/ span").length', '2'); | 
|  43 shouldBe('shadowRoot1.querySelectorAll(":host /shadow/ span")[0].id', '"not-top1
    "'); |  43 shouldBe('shadowRoot1.querySelectorAll(":host /shadow/ span")[0].id', '"not-top1
    "'); | 
|  44 shouldBe('shadowRoot1.querySelectorAll(":host /shadow/ span")[1].id', '"top1"'); |  44 shouldBe('shadowRoot1.querySelectorAll(":host /shadow/ span")[1].id', '"top1"'); | 
|  45  |  45  | 
|  46 shouldBe('shadowRoot2.querySelectorAll(":host /shadow/ span").length', '2'); |  46 shouldBe('shadowRoot2.querySelectorAll(":host /shadow/ span").length', '2'); | 
|  47 shouldBe('shadowRoot2.querySelectorAll(":host /shadow/ span")[0].id', '"not-top2
    "'); |  47 shouldBe('shadowRoot2.querySelectorAll(":host /shadow/ span")[0].id', '"not-top2
    "'); | 
|  48 shouldBe('shadowRoot2.querySelectorAll(":host /shadow/ span")[1].id', '"top2"'); |  48 shouldBe('shadowRoot2.querySelectorAll(":host /shadow/ span")[1].id', '"top2"'); | 
|  49  |  49  | 
|  50 shouldBe('shadowRoot3.querySelectorAll(":host /shadow/ span").length', '2'); |  50 shouldBe('shadowRoot3.querySelectorAll(":host /shadow/ span").length', '2'); | 
|  51 shouldBe('shadowRoot3.querySelectorAll(":host /shadow/ span")[0].id', '"not-top3
    "'); |  51 shouldBe('shadowRoot3.querySelectorAll(":host /shadow/ span")[0].id', '"not-top3
    "'); | 
|  52 shouldBe('shadowRoot3.querySelectorAll(":host /shadow/ span")[1].id', '"top3"'); |  52 shouldBe('shadowRoot3.querySelectorAll(":host /shadow/ span")[1].id', '"top3"'); | 
|  53 </script> |  53 </script> | 
|  54 </html> |  54 </html> | 
|  55  |  55  | 
| OLD | NEW |