template-for-style-in-head.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /html/dom/partial-updates/tentative/template-for-style-in-head.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<head marker="cn">

<meta charset="utf-8" />

<title>HTML partial updates - patch updates style with plain text</title>

<link rel=help href="https://github.com/WICG/declarative-partial-updates">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<?start name="cn"?>

</head>

<body>

<div id="target"></div>

<template for="cn">

    <style id="placeholder">

        #target { color: rgba(100, 0, 100); }

        #something:after { content: "<div id=dontparseme></div>" };

    </style>

</template>

<script>

test(() => {

    assert_equals(document.querySelector("#placeholder").firstElementChild, null);

    assert_equals(getComputedStyle(document.getElementById("target")).color, "rgb(100, 0, 100)");

});

</script>