chore: Replace pretty by js-beautify

Author: freakzlike

package.json

@@ -27,8 +27,8 @@
     "@rollup/plugin-node-resolve": "15.0.0",
     "@rollup/plugin-replace": "5.0.0",
     "@rollup/plugin-typescript": "9.0.1",
+    "@types/js-beautify": "1.13.3",
     "@types/node": "18.0.6",
-    "@types/pretty": "2.0.1",
     "@typescript-eslint/eslint-plugin": "5.40.1",
     "@typescript-eslint/parser": "5.40.1",
     "@vitejs/plugin-vue": "3.1.2",
@@ -43,11 +43,11 @@
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-prettier": "4.2.1",
     "husky": "8.0.1",
+    "js-beautify": "1.14.6",
     "jsdom": "20.0.1",
     "jsdom-global": "3.0.2",
     "lint-staged": "13.0.3",
     "prettier": "2.7.1",
-    "pretty": "2.0.0",
     "reflect-metadata": "0.1.13",
     "rollup": "3.2.3",
     "tslib": "2.4.0",

pnpm-lock.yaml

@@ -29,7 +29,7 @@ import { isElement } from './utils/isElement'
 import type { DOMWrapper } from './domWrapper'
 import { createDOMWrapper, createVueWrapper } from './wrapperFactory'
 import { stringifyNode } from './utils/stringifyNode'
-import pretty from 'pretty'
+import beautify from 'js-beautify'
 
 export default abstract class BaseWrapper<ElementType extends Node>
   implements WrapperLike
@@ -216,9 +216,18 @@ export default abstract class BaseWrapper<ElementType extends Node>
     )
   }
   abstract setValue(value?: any): Promise<void>
+
   html(): string {
-    return this.getRootNodes()
-      .map((node) => pretty(stringifyNode(node)))
+    const stringNodes = this.getRootNodes().map((node) => stringifyNode(node))
+
+    return stringNodes
+      .map((node) =>
+        beautify.html(node, {
+          unformatted: ['code', 'pre', 'em', 'strong', 'span'],
+          indent_inner_html: true,
+          indent_size: 2
+        })
+      )
       .join('\n')
   }
 

src/baseWrapper.ts

@@ -4,8 +4,6 @@ import {
   ComponentCustomProperties,
   ComponentPublicInstance
 } from 'vue'
-// @ts-ignore todo - No DefinitelyTyped package exists for this
-import pretty from 'pretty'
 
 import { config } from './config'
 import domEvents from './constants/dom-events'