get tests passing

mirusresearch · Jul 1, 2024 · 8e5ef09 · 8e5ef09
1 parent c8f50a3
commit 8e5ef09
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/tiptap-editor.vue b/src/tiptap-editor.vue
@@ -406,7 +406,7 @@ function selectOption(option) {
 }
 
 function renderPopup(virtualNode) {
-	if (!popup.value) {
+	if (!popup.value && virtualNode) {
 		const rect = virtualNode.getBoundingClientRect();
 		popup.value = tippy(document.body, {
 			content: renderedErrors.value,
@@ -423,7 +423,6 @@ function renderPopup(virtualNode) {
 }
 
 function destroyPopup() {
-	console.log(popup.value);
 	if (popup.value) {
 		popup.value.destroy();
 		popup.value = null;

diff --git a/test/TiptapEditor.spec.js b/test/TiptapEditor.spec.js
@@ -54,18 +54,15 @@ describe('tiptap-editor.vue', () => {
         expect(blueUnderline.exists()).toBeFalsy;
     });
 
-    it('should render a popup', async () => {
+    it('should render correct popup suggestions', async () => {
         propsData.value = 'red';
         const wrapper = await mount(TiptapEditor, { propsData });
 
         await flushPromises();
+        await wrapper.find('.tiptap').trigger('click');
 
         const errorList = wrapper.find('.error-list');
-        const expectedHtml =
-            '<div class="error-list" v-show="false"><b>did you mean...</b>  <div class="error-list__item selected"> read </div>  <div class="error-list__item">reed</div></div>';
-        const receivedHtml = errorList.html().replace(/(\r\n|\r|\n)/g, '');
-        console.log(errorList.attributes());
-        expect(receivedHtml).toEqual(expectedHtml);
+        expect(errorList.text()).toEqual('did you mean...readreed');
     });
 
     it('should display correct word count', async () => {