test: upgrade preact in devDependencies and fix tests

 preact  ^10.4.4  →  ^10.5.7

Author: remarkablemark

package.json

@@ -51,7 +51,7 @@
     "husky": "^4.2.5",
     "jest": "^26.0.1",
     "lint-staged": "^10.2.7",
-    "preact": "^10.4.4",
+    "preact": "^10.5.7",
     "prettier": "^2.0.5",
     "react": "^16",
     "react-dom": "^16",

test/dom-to-react.test.js

@@ -95,19 +95,27 @@ describe('DOM to React', () => {
     const Preact = require('preact');
 
     it('converts with React (default)', () => {
-      const html = data.html.single;
-      const reactElement = domToReact(htmlToDOM(html));
+      const reactElement = domToReact(htmlToDOM(data.html.single));
 
       expect(React.isValidElement(reactElement)).toBe(true);
+      expect(Preact.isValidElement(reactElement)).toBe(false);
+
       expect(reactElement).toEqual(React.createElement('p', {}, 'foo'));
     });
 
     it('converts with Preact instead of React', () => {
-      const html = data.html.single;
-      const preactElement = domToReact(htmlToDOM(html), { library: Preact });
+      const parsedElement = domToReact(htmlToDOM(data.html.single), {
+        library: Preact
+      });
+      const preactElement = Preact.createElement('p', {}, 'foo');
+
+      expect(React.isValidElement(parsedElement)).toBe(false);
+      expect(Preact.isValidElement(parsedElement)).toBe(true);
 
-      expect(Preact.isValidElement(preactElement)).toBe(true);
-      expect(preactElement).toEqual(Preact.createElement('p', {}, 'foo'));
+      // remove `__v` key since it's causing test equality to fail
+      delete parsedElement.__v;
+      delete preactElement.__v;
+      expect(parsedElement).toEqual(preactElement);
     });
   });
 

test/html-to-react.test.js

@@ -168,13 +168,19 @@ describe('HTML to React', () => {
     });
 
     describe('library', () => {
+      const Preact = require('preact');
+
       it('converts with Preact instead of React', () => {
-        const Preact = require('preact');
-        const html = data.html.single;
-        const options = { library: Preact };
-        const preactElement = parse(html, options);
+        const parsedElement = parse(data.html.single, { library: Preact });
+        const preactElement = Preact.createElement('p', {}, 'foo');
+
+        expect(React.isValidElement(parsedElement)).toBe(false);
+        expect(Preact.isValidElement(parsedElement)).toBe(true);
 
-        expect(preactElement).toEqual(Preact.createElement('p', {}, 'foo'));
+        // remove `__v` key since it's causing test equality to fail
+        delete parsedElement.__v;
+        delete preactElement.__v;
+        expect(parsedElement).toEqual(preactElement);
       });
     });