test: - test explanation rendering

Author: ilandikov

tests/Renderer/QueryResultsRenderer.test.QueryResultsRenderer_tests_explain.approved.html

@@ -0,0 +1,16 @@
+<!--
+  - [ ] Do exercises #todo #health 🆔 abcdef ⛔ 123456,abc123 🔼 🔁 every day when done 🏁 delete ➕ 2023-07-01 🛫 2023-07-02 ⏳ 2023-07-03 📅 2023-07-04 ❌ 2023-07-06 ✅ 2023-07-05 ^dcf64c
+-->
+
+<div>
+  <pre class="plugin-tasks-query-explanation">
+Explanation of this Tasks code block query:
+
+  scheduled 1970-01-01 =&gt;
+    scheduled date is on 1970-01-01 (Thursday 1st January 1970)
+</pre
+  >
+  <button class="plugin-tasks-copy-button">Copy results</button>
+  <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency"></ul>
+  <div class="task-count">0 tasks</div>
+</div>

tests/Renderer/QueryResultsRenderer.test.ts

@@ -73,6 +73,11 @@ ${toMarkdown(allTasks)}
         await verifyRenderedTasksHTML(allTasks, 'apple sauce');
     });
 
+    it('explain', async () => {
+        const allTasks = [TaskBuilder.createFullyPopulatedTask()];
+        await verifyRenderedTasksHTML(allTasks, 'scheduled 1970-01-01\nexplain');
+    });
+
     it('fully populated task', async () => {
         const allTasks = [TaskBuilder.createFullyPopulatedTask()];
         await verifyRenderedTasksHTML(allTasks, 'show urgency');