0
Files
src/third_party/blink/web_tests/shadow-dom/slotted-pseudo-element-shared-style.html
Kent Tamura 77578ccb40 The Great Blink mv for LayoutTests
This CL moves third_party/WebKit/LayoutTests to
third_party/blink/web_tests.

NOTRY=true
NOAUTOREVERT=true
NOPRESUBMIT=true
NOTREECHECKS=true
TBR=robertma@chromium.org

Bug: 843412
Change-Id: Ibb588b93d1579bcd1cb68df0a50efd8653f8724f
Reviewed-on: https://chromium-review.googlesource.com/c/1328627
Reviewed-by: Kent Tamura <tkent@chromium.org>
Commit-Queue: Kent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/master@{#610740}
2018-11-25 22:33:43 +00:00

21 lines
782 B
HTML

<!DOCTYPE html>
<script src="../fast/dom/shadow/resources/shadow-dom.js"></script>
<div id="sandbox"></div>
<script>
var shadowStyle = document.createElement('style');
shadowStyle.innerHTML = 'slot::slotted([data-color=red]) { color: red; }';
var sandbox = document.getElementById('sandbox');
sandbox.appendChild(
createDOM('div', {},
attachShadow(
{'mode': 'open'},
shadowStyle,
createDOM('slot')),
createDOM('div', {},
document.createTextNode('normal')),
// If the style is falsely shared with the <div> above, this won't turn red.
createDOM('div', {'data-color': 'red'},
document.createTextNode('red'))));
</script>