mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-01 03:57:15 +02:00
Tests: Import some ::part() tests
This commit is contained in:
Notes:
github-actions[bot]
2025-12-15 14:14:19 +00:00
Author: https://github.com/AtkinsSJ Commit: https://github.com/LadybirdBrowser/ladybird/commit/53609c49cec Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/7077
@@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<title>CSS Shadow Parts test: Parts don't incorrectly share style with other elements</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-shadow-parts/">
|
||||
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
|
||||
<link rel="author" href="https://mozilla.org/" title="Mozilla">
|
||||
<script src="../../resources/testharness.js"></script>
|
||||
<script src="../../resources/testharnessreport.js"></script>
|
||||
<style>::part(part1) { color: green; }</style>
|
||||
<div id="host"></div>
|
||||
<script>
|
||||
"use strict";
|
||||
test(function() {
|
||||
host.attachShadow({ mode: "open" }).innerHTML = `
|
||||
<div></div>
|
||||
<div part="part1"></div>
|
||||
`;
|
||||
assert_equals(
|
||||
getComputedStyle(host.shadowRoot.querySelector("[part]")).color,
|
||||
"rgb(0, 128, 0)",
|
||||
"Part should be green",
|
||||
);
|
||||
}, "Part in selected host does not incorrectly share style with non-part");
|
||||
</script>
|
||||
Reference in New Issue
Block a user