From 52b693bf8cf90066e2ad64045eb4e1162b62402d Mon Sep 17 00:00:00 2001
From: Nico Burns <nico@nicoburns.com>
Date: Thu, 12 Sep 2024 19:45:59 +0100
Subject: [PATCH] Add task-list-item-checkbox class to the actual checkboxes

---
 src/html.rs           |  2 +-
 src/parser/mod.rs     |  4 ++--
 src/tests/fuzz.rs     |  2 +-
 src/tests/tasklist.rs | 30 +++++++++++++++---------------
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/html.rs b/src/html.rs
index 7373d5e8..04a83d90 100644
--- a/src/html.rs
+++ b/src/html.rs
@@ -1056,7 +1056,7 @@ impl<'o, 'c: 'o> HtmlFormatter<'o, 'c> {
                     self.output.write_all(b">")?;
                     write!(
                         self.output,
-                        "<input type=\"checkbox\" {}disabled=\"\" /> ",
+                        "<input type=\"checkbox\" class=\"task-list-item-checkbox\" {}disabled=\"\" /> ",
                         if symbol.is_some() {
                             "checked=\"\" "
                         } else {
diff --git a/src/parser/mod.rs b/src/parser/mod.rs
index cae918fc..4df54a9c 100644
--- a/src/parser/mod.rs
+++ b/src/parser/mod.rs
@@ -223,8 +223,8 @@ pub struct ExtensionOptions {
     /// options.extension.tasklist = true;
     /// options.render.unsafe_ = true;
     /// assert_eq!(markdown_to_html("* [x] Done\n* [ ] Not done\n", &options),
-    ///            "<ul>\n<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> Done</li>\n\
-    ///            <li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> Not done</li>\n</ul>\n");
+    ///            "<ul>\n<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> Done</li>\n\
+    ///            <li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> Not done</li>\n</ul>\n");
     /// ```
     pub tasklist: bool,
 
diff --git a/src/tests/fuzz.rs b/src/tests/fuzz.rs
index c4ff3003..422b3770 100644
--- a/src/tests/fuzz.rs
+++ b/src/tests/fuzz.rs
@@ -10,7 +10,7 @@ fn tasklist() {
     html_opts!(
         [extension.tasklist, parse.relaxed_tasklist_matching],
         "* [*]",
-        "<ul class=\"task-list\">\n<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> </li>\n</ul>\n",
+        "<ul class=\"task-list\">\n<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> </li>\n</ul>\n",
     );
 }
 
diff --git a/src/tests/tasklist.rs b/src/tests/tasklist.rs
index 4c4ee582..45be4e70 100644
--- a/src/tests/tasklist.rs
+++ b/src/tests/tasklist.rs
@@ -24,24 +24,24 @@ fn tasklist() {
         ),
         concat!(
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> Red</li>\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> Green</li>\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> Blue</li>\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> Papayawhip</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> Red</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> Green</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> Blue</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> Papayawhip</li>\n",
             "</ul>\n",
             "<!-- end list -->\n",
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> Bird</li>\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> McHale</li>\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> Parish</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> Bird</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> McHale</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> Parish</li>\n",
             "</ul>\n",
             "<!-- end list -->\n",
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> Red\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> Red\n",
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> Green\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> Green\n",
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> Blue</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> Blue</li>\n",
             "</ul>\n",
             "</li>\n",
             "</ul>\n",
@@ -58,7 +58,7 @@ fn tasklist_relaxed_regression() {
         "* [!] Red\n",
         concat!(
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> Red</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> Red</li>\n",
             "</ul>\n"
         ),
     );
@@ -74,7 +74,7 @@ fn tasklist_relaxed_regression() {
         "* [!] Red\n",
         concat!(
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> Red</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> Red</li>\n",
             "</ul>\n"
         ),
     );
@@ -91,9 +91,9 @@ fn tasklist_32() {
         ),
         concat!(
             "<ul class=\"task-list\">\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> List item 1</li>\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\" /> This list item is <strong>bold</strong></li>\n",
-            "<li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\" /> There is some <code>code</code> here</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> List item 1</li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" disabled=\"\" /> This list item is <strong>bold</strong></li>\n",
+            "<li class=\"task-list-item\"><input type=\"checkbox\" class=\"task-list-item-checkbox\" checked=\"\" disabled=\"\" /> There is some <code>code</code> here</li>\n",
             "</ul>\n"
         ),
     );