mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-27 02:05:07 +02:00
LibWeb/CSS: Implement CSSPageRule.setSelectorText()
Gets us 12 WPT subtest passes.
This commit is contained in:
Notes:
github-actions[bot]
2025-05-16 15:45:04 +00:00
Author: https://github.com/AtkinsSJ Commit: https://github.com/LadybirdBrowser/ladybird/commit/c9484e279f8 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/4771
130
Tests/LibWeb/Text/input/wpt-import/css/cssom/cssom-pagerule.html
Normal file
130
Tests/LibWeb/Text/input/wpt-import/css/cssom/cssom-pagerule.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<!DOCTYPE html>
|
||||
<title>CSSOM: CSSPageRule tests</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/cssom/#the-csspagerule-interface" />
|
||||
<script src="../../resources/testharness.js"></script>
|
||||
<script src="../../resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
@page {}
|
||||
</style>
|
||||
<script>
|
||||
const sheet = document.styleSheets[0];
|
||||
const rule = sheet.cssRules[0];
|
||||
|
||||
test(() => {
|
||||
assert_true(!!rule);
|
||||
assert_equals(rule.type, CSSRule.PAGE_RULE);
|
||||
}, "Sanity checks");
|
||||
|
||||
test(() => {
|
||||
assert_equals(rule.selectorText, "");
|
||||
}, "Page selector is initially the empty string");
|
||||
|
||||
test(() => {
|
||||
assert_equals(rule.cssText, "@page { }");
|
||||
}, "Page selector 'cssText' is initially the @page { }");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = ":left";
|
||||
assert_equals(rule.selectorText, ":left");
|
||||
}, "Set selectorText to :left pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = ":left";
|
||||
assert_equals(rule.cssText, "@page :left { }");
|
||||
}, "Set cssText to :left pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named";
|
||||
assert_equals(rule.selectorText, "named");
|
||||
}, "Set selectorText to named page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named";
|
||||
assert_equals(rule.cssText, "@page named { }");
|
||||
}, "Set cssText to named page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:first";
|
||||
assert_equals(rule.selectorText, "named:first");
|
||||
}, "Set selectorText to named page with :first pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:first";
|
||||
assert_equals(rule.cssText, "@page named:first { }");
|
||||
}, "Set cssText to named page with :first pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:First";
|
||||
assert_equals(rule.selectorText, "named:first");
|
||||
}, "Set selectorText to named page with case insensitive :first pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:First";
|
||||
assert_equals(rule.cssText, "@page named:first { }");
|
||||
}, "Set cssText to named page with case insensitive :first pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:first:first";
|
||||
assert_equals(rule.selectorText, "named:first:first");
|
||||
}, "Set selectorText to named page with two :first pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:first:first";
|
||||
assert_equals(rule.cssText, "@page named:first:first { }");
|
||||
}, "Set cssText to named page with two :first pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:first:left:right:first";
|
||||
assert_equals(rule.selectorText, "named:first:left:right:first");
|
||||
}, "Set selectorText to named page with pseudo pages of " +
|
||||
":first, :left, :right, :first in order.");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "named:first:left:right:first";
|
||||
assert_equals(rule.cssText, "@page named:first:left:right:first { }");
|
||||
}, "Set cssText to named page with pseudo pages of " +
|
||||
":first, :left, :right, :first in order.");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "";
|
||||
rule.selectorText = "named :first";
|
||||
assert_equals(rule.selectorText, "");
|
||||
}, "Cannot set selectorText to named page with pseudo, whitespace between");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "";
|
||||
rule.selectorText = "named :first";
|
||||
assert_equals(rule.cssText, "@page { }");
|
||||
}, "Cannot set cssText to named page with pseudo, whitespace between - return default @page { }");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "";
|
||||
rule.selectorText = ":first :left";
|
||||
assert_equals(rule.selectorText, "");
|
||||
}, "Cannot set selectorText to two pseudos, whitespace between");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "";
|
||||
rule.selectorText = ":first :left";
|
||||
assert_equals(rule.cssText, "@page { }");
|
||||
}, "Cannot set cssText to two pseudos, whitespace between - return default @page { }");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "";
|
||||
rule.selectorText = ":notapagepseudo";
|
||||
assert_equals(rule.selectorText, "");
|
||||
}, "Cannot set selectorText to invalid pseudo page");
|
||||
|
||||
test(() => {
|
||||
rule.selectorText = "";
|
||||
rule.selectorText = ":notapagepseudo";
|
||||
assert_equals(rule.cssText, "@page { }");
|
||||
}, "Cannot set cssText to invalid pseudo page - return default @page { }");
|
||||
|
||||
test(() => {
|
||||
assert_equals(rule.parentStyleSheet, sheet);
|
||||
sheet.deleteRule(0);
|
||||
assert_equals(rule.parentStyleSheet, null);
|
||||
rule.selectorText = "pagename";
|
||||
}, "Set selectorText to named page after rule was removed");
|
||||
</script>
|
||||
Reference in New Issue
Block a user