Handle closed mode shadow for /deep/ and ::shadow selectors

LayoutTests/fast/dom/shadow/closed-mode-deep-combinator-and-shadow-pseudo-expected.txt

Index: LayoutTests/fast/dom/shadow/closed-mode-deep-combinator-and-shadow-pseudo-expected.txt
diff --git a/LayoutTests/fast/dom/shadow/closed-mode-deep-combinator-and-shadow-pseudo-expected.txt b/LayoutTests/fast/dom/shadow/closed-mode-deep-combinator-and-shadow-pseudo-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..e3fddd611fcffd8c13e43fa2665bc89b05c46b79
--- /dev/null
+++ b/LayoutTests/fast/dom/shadow/closed-mode-deep-combinator-and-shadow-pseudo-expected.txt
@@ -0,0 +1,76 @@
+CONSOLE WARNING: /deep/ combinator is deprecated. See https://www.chromestatus.com/features/6750456638341120 for more details.
+CONSOLE WARNING: ::shadow pseudo-element is deprecated. See https://www.chromestatus.com/features/6750456638341120 for more details.
+(1/6) /deep/ style rule on top-level document.
+PASS backgroundColorOf('host_open_open/div1') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_open_open/div1/div2') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_open_open/div1b') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_open_closed/div3') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_open_closed/div3/div4') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_closed/div3b') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_closed_open/div5') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_open/div5/div6') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_open/div5b') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7/div8') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7b') is "rgba(0, 0, 0, 0)"
+(2/6) ::shadow style rule on top-level document.
+PASS backgroundColorOf('host_open_open/div1') is "rgb(0, 128, 0)"
+PASS backgroundColorOf('host_open_open/div1/div2') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_open/div1b') is "rgb(0, 128, 0)"
+PASS backgroundColorOf('host_open_closed/div3') is "rgb(0, 128, 0)"
+PASS backgroundColorOf('host_open_closed/div3/div4') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_closed/div3b') is "rgb(0, 128, 0)"
+PASS backgroundColorOf('host_closed_open/div5') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_open/div5/div6') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_open/div5b') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7/div8') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7b') is "rgba(0, 0, 0, 0)"
+(3/6) /deep/ style on shadow tree.
+PASS backgroundColorOf('host_open_open/div1') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_open/div1/div2') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_open_open/div1b') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_open_closed/div3') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_closed/div3/div4') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_closed/div3b') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_closed_open/div5') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_open/div5/div6') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_closed_open/div5b') is "rgb(0, 0, 255)"
+PASS backgroundColorOf('host_closed_closed/div7') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7/div8') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7b') is "rgb(0, 0, 255)"
+(4/6) ::shadow style on shadow tree.
+PASS backgroundColorOf('host_open_open/div1') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_open/div1/div2') is "rgb(0, 128, 0)"
+PASS backgroundColorOf('host_open_open/div1b') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_closed/div3') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_closed/div3/div4') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_open_closed/div3b') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_open/div5') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_open/div5/div6') is "rgb(0, 128, 0)"
+PASS backgroundColorOf('host_closed_open/div5b') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7/div8') is "rgba(0, 0, 0, 0)"
+PASS backgroundColorOf('host_closed_closed/div7b') is "rgba(0, 0, 0, 0)"
+(5/6) /deep/ selector in querySelectorAll()
+PASS host_open_open.querySelectorAll("div /deep/ div").length is 3
+PASS host_open_closed.querySelectorAll("div /deep/ div").length is 2
+PASS host_closed_open.querySelectorAll("div /deep/ div").length is 0
+PASS host_closed_closed.querySelectorAll("div /deep/ div").length is 0
+PASS div1.querySelectorAll("div /deep/ div").length is 2
+PASS div3.querySelectorAll("div /deep/ div").length is 1
+PASS div5.querySelectorAll("div /deep/ div").length is 2
+PASS div7.querySelectorAll("div /deep/ div").length is 1
+(6/6) ::shadow selector in querySelectorAll()
+PASS host_open_open.querySelectorAll("div::shadow div").length is 2
+PASS host_open_closed.querySelectorAll("div::shadow div").length is 2
+PASS host_closed_open.querySelectorAll("div::shadow div").length is 0
+PASS host_closed_closed.querySelectorAll("div::shadow div").length is 0
+PASS div1.querySelectorAll("div::shadow div").length is 1
+PASS div3.querySelectorAll("div::shadow div").length is 0
+PASS div5.querySelectorAll("div::shadow div").length is 1
+PASS div7.querySelectorAll("div::shadow div").length is 0
+PASS successfullyParsed is true
+
+TEST COMPLETE
+