chore: Bump jsdom to 15 (#447)

* chore: Bump jsdom to 15

* fix: serialize mutation records

Author: eps1lon

package.json

@@ -52,8 +52,8 @@
     "jest-in-case": "^1.0.2",
     "jest-serializer-ansi": "^1.0.3",
     "jest-watch-select-projects": "^1.0.0",
-    "jsdom": "^15.1.1",
-    "kcd-scripts": "^1.7.0"
+    "jsdom": "^15.2.1",
+    "kcd-scripts": "^5.0.0"
   },
   "eslintConfig": {
     "extends": "./node_modules/kcd-scripts/eslint.js",

src/__tests__/__snapshots__/wait-for-dom-change.js.snap

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`timers works with fake timers 1`] = `
+Array [
+  Object {
+    "addedNodes": NodeList [],
+    "attributeName": "id",
+    "attributeNamespace": null,
+    "nextSibling": null,
+    "oldValue": null,
+    "previousSibling": null,
+    "removedNodes": NodeList [],
+    "target": <div
+      id="foo"
+    />,
+    "type": "attributes",
+  },
+]
+`;
+
+exports[`timers works with real timers 1`] = `
+Array [
+  Object {
+    "addedNodes": NodeList [],
+    "attributeName": "id",
+    "attributeNamespace": null,
+    "nextSibling": null,
+    "oldValue": null,
+    "previousSibling": null,
+    "removedNodes": NodeList [],
+    "target": <div
+      id="foo"
+    />,
+    "type": "attributes",
+  },
+]
+`;

src/__tests__/wait-for-dom-change.js

@@ -18,22 +18,22 @@ test('waits for the dom to change in the document', async () => {
   setTimeout(() => container.firstChild.setAttribute('id', 'foo'))
   const mutationResult = await promise
   expect(mutationResult).toMatchInlineSnapshot(`
-Array [
-  Object {
-    "addedNodes": Array [],
-    "attributeName": "id",
-    "attributeNamespace": null,
-    "nextSibling": null,
-    "oldValue": null,
-    "previousSibling": null,
-    "removedNodes": Array [],
-    "target": <div
-      id="foo"
-    />,
-    "type": "attributes",
-  },
-]
-`)
+    Array [
+      Object {
+        "addedNodes": NodeList [],
+        "attributeName": "id",
+        "attributeNamespace": null,
+        "nextSibling": null,
+        "oldValue": null,
+        "previousSibling": null,
+        "removedNodes": NodeList [],
+        "target": <div
+          id="foo"
+        />,
+        "type": "attributes",
+      },
+    ]
+  `)
 })
 
 test('waits for the dom to change in a specified container', async () => {
@@ -42,22 +42,22 @@ test('waits for the dom to change in a specified container', async () => {
   setTimeout(() => container.firstChild.setAttribute('id', 'foo'))
   const mutationResult = await promise
   expect(mutationResult).toMatchInlineSnapshot(`
-Array [
-  Object {
-    "addedNodes": Array [],
-    "attributeName": "id",
-    "attributeNamespace": null,
-    "nextSibling": null,
-    "oldValue": null,
-    "previousSibling": null,
-    "removedNodes": Array [],
-    "target": <div
-      id="foo"
-    />,
-    "type": "attributes",
-  },
-]
-`)
+    Array [
+      Object {
+        "addedNodes": NodeList [],
+        "attributeName": "id",
+        "attributeNamespace": null,
+        "nextSibling": null,
+        "oldValue": null,
+        "previousSibling": null,
+        "removedNodes": NodeList [],
+        "target": <div
+          id="foo"
+        />,
+        "type": "attributes",
+      },
+    ]
+  `)
 })
 
 describe('timers', () => {
@@ -73,23 +73,7 @@ describe('timers', () => {
       jest.advanceTimersByTime(110)
     }
 
-    await expect(promise).resolves.toMatchInlineSnapshot(`
-  Array [
-    Object {
-      "addedNodes": Array [],
-      "attributeName": "id",
-      "attributeNamespace": null,
-      "nextSibling": null,
-      "oldValue": null,
-      "previousSibling": null,
-      "removedNodes": Array [],
-      "target": <div
-        id="foo"
-      />,
-      "type": "attributes",
-    },
-  ]
-  `)
+    await expect(promise).resolves.toMatchSnapshot()
   }
 
   it('works with real timers', async () => {

tests/setup-env.js

@@ -2,3 +2,26 @@ import '@testing-library/jest-dom/extend-expect'
 import jestSerializerAnsi from 'jest-serializer-ansi'
 
 expect.addSnapshotSerializer(jestSerializerAnsi)
+// add serializer for MutationRecord
+expect.addSnapshotSerializer({
+  print: (record, serialize) => {
+    return serialize({
+      addedNodes: record.addedNodes,
+      attributeName: record.attributeName,
+      attributeNamespace: record.attributeNamespace,
+      nextSibling: record.nextSibling,
+      oldValue: record.oldValue,
+      previousSibling: record.previousSibling,
+      removedNodes: record.removedNodes,
+      target: record.target,
+      type: record.type,
+    })
+  },
+  test: value => {
+    // list of records will stringify to the same value
+    return (
+      Array.isArray(value) === false &&
+      String(value) === '[object MutationRecord]'
+    )
+  },
+})