Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 12:40:06 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision e87f38097902e16348d4e17f4fe3bc2d0112bff1

Browse source
This commit is contained in:
WPT Sync Bot 2018-03-17 21:12:30 -04:00
parent 2f8fa32e91
commit db5631a086
381 changed files with 11610 additions and 4232 deletions
Download patch file Download diff file Expand all files Collapse all files

19
tests/wpt/web-platform-tests/css/css-scoping/shadow-fallback-dynamic-001.html Normal file
View file

@ -0,0 +1,19 @@
<!doctype html>
<title>CSS Scoping Module Level 1 - Dynamic fallback content</title>
<link rel="author" href="mailto:emilio@crisal.io">
<link rel="help" href="https://drafts.csswg.org/css-scoping/#selectors-data-model">
<link rel="match" href="reference/green-box.html"/>
<p>Test passes if you see a single 100px by 100px green box below.</p>
<div id="host">
<span slot="myslot">FAIL</span>
</div>
<script>
let root = host.attachShadow({ mode: "open" });
root.innerHTML = `
<slot name="myslot">
<div style="width: 100px; height: 100px; background: green"></div>
</slot>
`;
document.body.offsetTop;
host.firstElementChild.remove();
</script>

19
tests/wpt/web-platform-tests/css/css-scoping/shadow-fallback-dynamic-002.html Normal file
View file

@ -0,0 +1,19 @@
<!doctype html>
<title>CSS Scoping Module Level 1 - Dynamic fallback content</title>
<link rel="author" href="mailto:emilio@crisal.io">
<link rel="help" href="https://drafts.csswg.org/css-scoping/#selectors-data-model">
<link rel="match" href="reference/green-box.html"/>
<p>Test passes if you see a single 100px by 100px green box below.</p>
<div id="host">
<span slot="myslot">FAIL</span>
</div>
<script>
let root = host.attachShadow({ mode: "open" });
root.innerHTML = `
<slot name="myslot">
<div style="width: 100px; height: 100px; background: green"></div>
</slot>
`;
document.body.offsetTop;
host.firstElementChild.removeAttribute("slot");
</script>

18
tests/wpt/web-platform-tests/css/css-scoping/shadow-fallback-dynamic-003.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>CSS Scoping Module Level 1 - Dynamic fallback content</title>
<link rel="author" href="mailto:emilio@crisal.io">
<link rel="help" href="https://drafts.csswg.org/css-scoping/#selectors-data-model">
<link rel="match" href="reference/green-box.html"/>
<p>Test passes if you see a single 100px by 100px green box below.</p>
<div id="host">
</div>
<script>
let root = host.attachShadow({ mode: "open" });
root.innerHTML = `
<slot name="myslot">FAIL</slot>
`;
document.body.offsetTop;
host.innerHTML = `
<div slot="myslot" style="width: 100px; height: 100px; background: green"></div>
`;
</script>

20
tests/wpt/web-platform-tests/css/css-scoping/shadow-fallback-dynamic-004.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html>
<title>CSS Scoping Module Level 1 - Dynamic fallback content</title>
<link rel="author" href="mailto:emilio@crisal.io">
<link rel="help" href="https://drafts.csswg.org/css-scoping/#selectors-data-model">
<link rel="match" href="reference/green-box.html"/>
<p>Test passes if you see a single 100px by 100px green box below.</p>
<div id="host">
<div slot="myslot" style="width: 100px; height: 100px; background: green"></div>
</div>
<script>
let root = host.attachShadow({ mode: "open" });
root.innerHTML = `
<slot name="myslot"></slot>
`;
document.body.offsetTop;
let newSlot = document.createElement('slot');
newSlot.appendChild(document.createTextNode("FAIL"));
newSlot.setAttribute("name", "myslot");
root.insertBefore(newSlot, root.firstChild);
</script>

20
tests/wpt/web-platform-tests/css/css-scoping/shadow-fallback-dynamic-005.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html>
<title>CSS Scoping Module Level 1 - Dynamic fallback content</title>
<link rel="author" href="mailto:emilio@crisal.io">
<link rel="help" href="https://drafts.csswg.org/css-scoping/#selectors-data-model">
<link rel="match" href="reference/green-box.html"/>
<p>Test passes if you see a single 100px by 100px green box below.</p>
<div id="host">
<div slot="myslot" style="width: 100px; height: 100px; background: green"></div>
</div>
<script>
let root = host.attachShadow({ mode: "open" });
root.innerHTML = `
<slot name="myslot"></slot>
<slot name="myotherslot">
FAIL
</slot>
`;
document.body.offsetTop;
host.firstElementChild.setAttribute("slot", "myotherslot");
</script>