fix(lib): issue with unit tests and new styles and setting

FlorianWoelki · May 9, 2024 · a663060 · a663060
1 parent 8fad2b9
commit a663060
Showing 1 changed file with 21 additions and 13 deletions.
diff --git a/src/lib/icon-title.test.ts b/src/lib/icon-title.test.ts
@@ -1,19 +1,32 @@
-import { describe, expect, it, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import titleIcon from './icon-title';
 import config from '@app/config';
 import svg from './util/svg';
 
 describe('add', () => {
+  let plugin: any;
+
+  beforeEach(() => {
+    plugin = {
+      getSettings: (): any => {
+        return {
+          iconInTitlePosition: 'above',
+          emojiStyle: 'native',
+        };
+      },
+    };
+  });
+
   it('should create a title icon', () => {
     const parentEl = document.createElement('div');
     const inlineTitleEl = document.createElement('div');
     parentEl.appendChild(inlineTitleEl);
 
-    titleIcon.add({} as any, inlineTitleEl, '<svg></svg>');
+    titleIcon.add(plugin, inlineTitleEl, '<svg></svg>');
     expect(parentEl).toMatchInlineSnapshot(`<div>
   <div
     class="iconize-title-icon"
-    style="display: block;"
+    style="display: block; width: var(--line-width);"
   >
     <svg />
   </div>
@@ -26,16 +39,11 @@ describe('add', () => {
     const inlineTitleEl = document.createElement('div');
     parentEl.appendChild(inlineTitleEl);
 
-    titleIcon.add(
-      { getSettings: () => ({ emojiStyle: 'native' }) } as any,
-      inlineTitleEl,
-      '👍',
-      { fontSize: 10 },
-    );
+    titleIcon.add(plugin, inlineTitleEl, '👍', { fontSize: 10 });
     expect(parentEl).toMatchInlineSnapshot(`<div>
   <div
     class="iconize-title-icon"
-    style="display: block; font-size: 10px;"
+    style="display: block; width: var(--line-width); font-size: 10px;"
   >
     👍
   </div>
@@ -51,11 +59,11 @@ describe('add', () => {
     parentEl.appendChild(titleIconEl);
     parentEl.appendChild(inlineTitleEl);
 
-    titleIcon.add({} as any, inlineTitleEl, '<svg></svg>');
+    titleIcon.add(plugin, inlineTitleEl, '<svg></svg>');
     expect(parentEl).toMatchInlineSnapshot(`<div>
   <div
     class="iconize-title-icon"
-    style="display: block;"
+    style="display: block; width: var(--line-width);"
   >
     <svg />
   </div>
@@ -71,7 +79,7 @@ describe('add', () => {
     const inlineTitleEl = document.createElement('div');
     parentEl.appendChild(inlineTitleEl);
 
-    titleIcon.add({} as any, inlineTitleEl, '<svg></svg>', { fontSize: 10 });
+    titleIcon.add(plugin, inlineTitleEl, '<svg></svg>', { fontSize: 10 });
     expect(setFontSize).toBeCalledTimes(1);
     expect(setFontSize).toHaveBeenCalledWith('<svg></svg>', 10);