| Index: third_party/WebKit/LayoutTests/fast/dom/shadow/slotted-pseudo-element.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/slotted-pseudo-element.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/slotted-pseudo-element.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..142e6c4ff5db6bc8a79c188a4db0713977340552
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/slotted-pseudo-element.html
|
| @@ -0,0 +1,32 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| +<script src="resources/shadow-dom.js"></script>
|
| +</head>
|
| +<body>
|
| +<div id="sandbox"></div>
|
| +<script>
|
| +var shadowStyle = document.createElement('style');
|
| +shadowStyle.innerHTML = 'slot::slotted(div) { color: green; }'
|
| + + 'slot::slotted(.blue) { color: blue; }'
|
| + + 'slot::slotted(#red) { color: red; }'
|
| + + 'slot::slotted([data-color=purple]) { color: purple; }';
|
| +
|
| +var sandbox = document.getElementById('sandbox');
|
| +sandbox.appendChild(
|
| + createDOM('div', {},
|
| + attachShadow(
|
| + {'mode': 'open'},
|
| + shadowStyle,
|
| + createDOM('slot')),
|
| + createDOM('div', {},
|
| + document.createTextNode('green')),
|
| + createDOM('div', {class: 'blue'},
|
| + document.createTextNode('blue')),
|
| + createDOM('div', {id: 'red'},
|
| + document.createTextNode('red')),
|
| + createDOM('div', {'data-color': 'purple'},
|
| + document.createTextNode('purple'))));
|
| +</script>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 1523843004:
Add support for new CSS ::slotted() pseudo element (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master