fix(pat-tooltip): Cleanup tooltip after it's destroyed.

When the tooltip is destroyed, also call the tooltip's BasePattern destroy
method to clean up and release the tooltip from the element. After that
it can be instantiated on the same element again.
This change was necessary after the recent BasePattern change.

Author: thet

src/pat/tooltip/tooltip.js

@@ -119,7 +119,6 @@ class Pattern extends BasePattern {
 
     show() {
         // Show this tooltip
-        // API method.
         this.tippy.show();
     }
 
@@ -131,7 +130,7 @@ class Pattern extends BasePattern {
 
     destroy() {
         // Remove this tooltip
-        // API method.
+        super.destroy(); // Unregister
         this.tippy.destroy();
     }
 

src/pat/tooltip/tooltip.test.js

@@ -200,6 +200,48 @@ describe("pat-tooltip", () => {
                 spy_trigger.mockRestore();
             });
         });
+
+        it("1.4.1 - Cannot instantiated twice on the same element", async () => {
+            document.body.innerHTML = `
+                <a class="pat-tooltip"
+                    data-pat-tooltip="source: title"
+                    title="This is the title attribute"
+                >test</a>
+            `;
+            const el = document.querySelector(".pat-tooltip");
+            const instance = new Pattern(el);
+            await events.await_pattern_init(instance);
+
+            expect(el["pattern-tooltip"]).toBe(instance);
+
+            const instance2 = new Pattern(el);
+            await utils.timeout(1); // await_pattern_init never fullfilled.
+
+            expect(el["pattern-tooltip"]).toBe(instance);
+            expect(el["pattern-tooltip"]).not.toBe(instance2);
+        });
+
+        it("1.4.2 - Can be instantiated again on the same element after the first was destroyed.", async () => {
+            document.body.innerHTML = `
+                <a class="pat-tooltip"
+                    data-pat-tooltip="source: title"
+                    title="This is the title attribute"
+                >test</a>
+            `;
+            const el = document.querySelector(".pat-tooltip");
+            const instance = new Pattern(el);
+            await events.await_pattern_init(instance);
+
+            expect(el["pattern-tooltip"]).toBe(instance);
+
+            instance.destroy();
+
+            const instance2 = new Pattern(el);
+            await utils.timeout(1); // await_pattern_init never fullfilled.
+
+            expect(el["pattern-tooltip"]).not.toBe(instance);
+            expect(el["pattern-tooltip"]).toBe(instance2);
+        });
     });
 
     describe("2 - Tooltip closing behavior", () => {