Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(815)

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-scoping-1/css-scoping-shadow-slot-display-override.html

Issue 1922043004: Import csswg-test@b2daa426addd5ccb8e9ce1c5d800f9d82603f1ec (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update W3CImportExpectations and make me owner for css-scoping-1 Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>CSS Scoping Module Level 1 - overriding slot element's display value should generate boxes</title>
5 <link rel="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org"/>
6 <link rel="help" href="http://www.w3.org/TR/css-scoping-1/#selectors-data-mo del">
7 <link rel="match" href="reference/green-box.html"/>
8 </head>
9 <body>
10 <style>
11 my-host {
12 display: block;
13 width: 100px;
14 height: 100px;
15 background: red;
16 }
17 my-host > div {
18 width: 50px;
19 height: 50px;
20 background: green;
21 }
22 </style>
23 <p>Test passes if you see a single 100px by 100px green box below.</p>
24 <my-host>
25 <div></div>
26 </my-host>
27 <script>
28
29 try {
30 var shadowHost = document.querySelector('my-host');
31 shadowRoot = shadowHost.attachShadow({mode: 'open'});
32 shadowRoot.innerHTML = '<slot style="display:block; border: solid 25 px green;"></slot>';
33 } catch (exception) {
34 document.body.appendChild(document.createTextNode(exception));
35 }
36
37 </script>
38 </body>
39 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698