34 lines
1.3 KiB
HTML
34 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html class="reftest-wait">
|
|
<meta charset="utf-8">
|
|
<title>Adoptedstylesheets.concat should work when starting empty</title>
|
|
<link rel="author" href="mailto:masonf@chromium.org">
|
|
<link rel="help" href="https://drafts.csswg.org/cssom/#extensions-to-the-document-or-shadow-root-interface">
|
|
<link rel="match" href="CSSStyleSheet-constructable-concat-ref.html">
|
|
|
|
<span>This should be green</span>
|
|
<div id=host></div>
|
|
<pre id=tests>Tests:
|
|
</pre>
|
|
|
|
<script>
|
|
function assert_equals(val1,val2) {
|
|
const t = val1 === val2 ? 'PASS' : `FAIL! ${val1} !== ${val2}`;
|
|
tests.appendChild(document.createTextNode(`${t}\n`));
|
|
}
|
|
window.onload = () => {
|
|
const sheet = new CSSStyleSheet();
|
|
sheet.replaceSync('span {background-color:green;}');
|
|
assert_equals(document.adoptedStyleSheets.length,0);
|
|
document.adoptedStyleSheets = document.adoptedStyleSheets.concat([sheet]);
|
|
assert_equals(document.adoptedStyleSheets.length,1);
|
|
|
|
const host = document.getElementById('host');
|
|
const shadow = host.attachShadow({mode: 'open'});
|
|
shadow.innerHTML = '<span>This should be green</span>';
|
|
assert_equals(shadow.adoptedStyleSheets.length,0);
|
|
shadow.adoptedStyleSheets = shadow.adoptedStyleSheets.concat([sheet]);
|
|
assert_equals(shadow.adoptedStyleSheets.length,1);
|
|
document.documentElement.classList.remove("reftest-wait");
|
|
};
|
|
</script>
|