fix: Use jsdom instead of happy-dom in test

Because some results were not properly reflected in happy-dom

Author: hoiheart

__tests__/utils.spec.ts

@@ -71,15 +71,15 @@ describe('Utils unit', () => {
     );
   });
 
-  // it('setHighlightCode', async () => {
-  //   const highlightCode = ref('');
+  it('setHighlightCode', async () => {
+    const highlightCode = ref('');
 
-  //   setHighlightCode({
-  //     highlightCode,
-  //     language: 'plaintext',
-  //     code: `a ${MODIFIED_START_TAG}c${MODIFIED_CLOSE_TAG} c`,
-  //   });
+    setHighlightCode({
+      highlightCode,
+      language: 'plaintext',
+      code: `a ${MODIFIED_START_TAG}c${MODIFIED_CLOSE_TAG} c`,
+    });
 
-  //   expect(highlightCode.value).toBe('a <span class="modified">c</span> c');
-  // });
+    expect(highlightCode.value).toBe('a <span class="modified">c</span> c');
+  });
 });

package.json

@@ -45,7 +45,6 @@
     "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-vue": "^8.7.1",
-    "happy-dom": "^2.55.0",
     "jsdom": "^19.0.0",
     "prettier": "2.6.2",
     "sass": "^1.50.1",

src/utils.ts

@@ -336,6 +336,8 @@ const setHighlightCode = ({
     .replace(new RegExp(startEntity, 'g'), '<span class="modified">')
     .replace(new RegExp(closeEntity, 'g'), '</span>');
 
+  console.log(highlightCode.value);
+
   // @ts-ignore
   pureElement = null;
 };

vite.config.ts

@@ -26,6 +26,6 @@ export default defineConfig({
   },
   plugins: [vue(), dts()],
   test: {
-    environment: 'happy-dom',
+    environment: 'jsdom',
   },
 });