From 8f3f629756d7351867a8be36d5f217608b9adc61 Mon Sep 17 00:00:00 2001
From: Jonathan Kew <jkew@mozilla.com>
Date: Fri, 17 Jan 2025 15:38:42 +0000
Subject: [PATCH] Add a couple of reftests for the :open pseudo-class.

Differential Revision: https://phabricator.services.mozilla.com/D234331

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1936113
gecko-commit: 6d39e75391fa69f3acc997d45dbf5c56bfe4df77
gecko-reviewers: dshin
---
 .../details-open-pseudo-001-ref.html          | 17 ++++++++++
 .../selectors-4/details-open-pseudo-001.html  | 22 +++++++++++++
 .../selectors-4/details-open-pseudo-002.html  | 32 +++++++++++++++++++
 .../details-open-pseudo-003-ref.html          | 15 +++++++++
 .../selectors-4/details-open-pseudo-003.html  | 32 +++++++++++++++++++
 5 files changed, 118 insertions(+)
 create mode 100644 css/selectors/selectors-4/details-open-pseudo-001-ref.html
 create mode 100644 css/selectors/selectors-4/details-open-pseudo-001.html
 create mode 100644 css/selectors/selectors-4/details-open-pseudo-002.html
 create mode 100644 css/selectors/selectors-4/details-open-pseudo-003-ref.html
 create mode 100644 css/selectors/selectors-4/details-open-pseudo-003.html
diff --git a/css/selectors/selectors-4/details-open-pseudo-001-ref.html b/css/selectors/selectors-4/details-open-pseudo-001-ref.html
new file mode 100644
index 00000000000000..21d6ebff7b985b
--- /dev/null
+++ b/css/selectors/selectors-4/details-open-pseudo-001-ref.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>reference for details:open pseudoclass</title>
+
+<style>
+details {
+  color: green;
+  margin-left: 5em;
+}
+</style>
+
+<p>The details element should be open, green, and indented:</p>
+
+<details open=true>
+  <summary>Summary</summary>
+  <p>Detailed content</p>
+</details>
diff --git a/css/selectors/selectors-4/details-open-pseudo-001.html b/css/selectors/selectors-4/details-open-pseudo-001.html
new file mode 100644
index 00000000000000..1b110e3ccc9cab
--- /dev/null
+++ b/css/selectors/selectors-4/details-open-pseudo-001.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>test for details:open pseudoclass</title>
+<link rel="match" href="details-open-pseudo-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#open-state">
+
+<style>
+details {
+  color: red;
+}
+:open {
+  color: green;
+  margin-left: 5em;
+}
+</style>
+
+<p>The details element should be open, green, and indented:</p>
+
+<details open=true>
+  <summary>Summary</summary>
+  <p>Detailed content</p>
+</details>
diff --git a/css/selectors/selectors-4/details-open-pseudo-002.html b/css/selectors/selectors-4/details-open-pseudo-002.html
new file mode 100644
index 00000000000000..c9822453bb6f7e
--- /dev/null
+++ b/css/selectors/selectors-4/details-open-pseudo-002.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>test for details:open pseudoclass</title>
+<link rel="match" href="details-open-pseudo-001-ref.html">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#open-state">
+
+<style>
+details {
+  color: blue;
+}
+:open {
+  color: green;
+  margin-left: 5em;
+}
+</style>
+
+<script>
+function run() {
+  document.querySelector("details").open = true;
+  document.documentElement.classList.remove("reftest-wait");
+}
+</script>
+
+<body onload="run()">
+
+<p>The details element should be open, green, and indented:</p>
+
+<details>
+  <summary>Summary</summary>
+  <p>Detailed content</p>
+</details>
diff --git a/css/selectors/selectors-4/details-open-pseudo-003-ref.html b/css/selectors/selectors-4/details-open-pseudo-003-ref.html
new file mode 100644
index 00000000000000..44369749f43c51
--- /dev/null
+++ b/css/selectors/selectors-4/details-open-pseudo-003-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>reference for details:open pseudoclass</title>
+
+<style>
+details {
+  color: blue;
+}
+</style>
+
+<p>The details element should be closed and blue:</p>
+
+<details>
+  <summary>Summary</summary>
+</details>
diff --git a/css/selectors/selectors-4/details-open-pseudo-003.html b/css/selectors/selectors-4/details-open-pseudo-003.html
new file mode 100644
index 00000000000000..0eb1a028d71953
--- /dev/null
+++ b/css/selectors/selectors-4/details-open-pseudo-003.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>test for details:open pseudoclass</title>
+<link rel="match" href="details-open-pseudo-003-ref.html">
+<link rel="help" href="https://drafts.csswg.org/selectors-4/#open-state">
+
+<style>
+details {
+  color: blue;
+}
+:open {
+  color: green;
+  margin-left: 5em;
+}
+</style>
+
+<script>
+function run() {
+  document.querySelector("details").open = false;
+  document.documentElement.classList.remove("reftest-wait");
+}
+</script>
+
+<body onload="run()">
+
+<p>The details element should be closed and blue:</p>
+
+<details open=true>
+  <summary>Summary</summary>
+  <p>Detailed content</p>
+</details>
