fix test for tooltipRenderAsHtml

Author: Parvinmh

src/packages/tour/tour.test.ts

@@ -614,41 +614,54 @@ describe("Tour", () => {
   });
 
   describe("tooltipRenderAsHtml", () => {
+    beforeEach(() => {
+      document.body.innerHTML = ""; // Clear previous test DOM
+    });
     test("should render HTML when tooltipRenderAsHtml is true", async () => {
       const tour = new Tour();
 
       // Arrange & Act
-      await tour
-        .setOptions({
-          tooltipRenderAsHtml: true,
-        })
-        .start();
+      tour.setOptions({
+        tooltipRenderAsHtml: true,
+        steps: [
+          {
+            intro: "<b>Bold text</b> and <i>italic text</i>",
+          },
+        ],
+      });
 
-      tooltipText().innerHTML = "<b>Bold text</b> and <i>italic text</i>";
+      await tour.start();
 
       // Assert
-      expect(content(tooltipText())).toBe(
-        "<b>Bold text</b> and <i>italic text</i>"
-      );
-      expect(tooltipText().querySelector("b")?.textContent).toBe("Bold text");
-      expect(tooltipText().querySelector("i")?.textContent).toBe("italic text");
+      const tooltip = find(".introjs-tooltiptext");
+      expect(tooltip).not.toBeNull();
+      expect(tooltip?.querySelector("b")?.textContent).toBe("Bold text");
+      expect(tooltip?.querySelector("i")?.textContent).toBe("italic text");
     });
+
     test("should not render HTML when tooltipRenderAsHtml is false", async () => {
       const tour = new Tour();
 
       // Arrange & Act
-      await tour
-        .setOptions({
-          tooltipRenderAsHtml: false,
-        })
-        .start();
+      tour.setOptions({
+        tooltipRenderAsHtml: false,
+        steps: [
+          {
+            intro: "<b>Bold text</b> and <i>italic text</i>",
+          },
+        ],
+      });
 
-      tooltipText().innerHTML = "<b>Bold text</b> and <i>italic text</i>";
+      await tour.start();
 
       // Assert
-      expect(content(tooltipText())).toBe(
-        "<b>Bold text</b> and <i>italic text</i>"
+      const tooltip = find(".introjs-tooltiptext");
+      expect(tooltip).not.toBeNull();
+      expect(tooltip?.innerHTML).toContain(
+        "&lt;b&gt;Bold text&lt;/b&gt; and &lt;i&gt;italic text&lt;/i&gt;"
       );
+      expect(tooltip?.querySelector("b")).toBeNull();
+      expect(tooltip?.querySelector("i")).toBeNull();
     });
   });
 });