chore: update deps (#496)

## 🧰 Changes

Updates a bunch of dependencies. We're stuck not updating any remark/unified until we can do a big rewrite. And we're also stuck not updating react until some other deps do too?

This update also as a `.npm-upgrade.json` file. I typically use `npm-upgrade` to do batch updates, so this is finally checking that file in.

This also changes the snapshot comparison from per pixel to SSIM. This was motivated by a new change in how the embeds thumbnail was being rendered. The thumbnail appears to be blurred vs pixelated depending on which node version it is. I believe this has more to do with puppeteer than any of the production code. Plus, I'd just like to see how this method works out.

.github/dependabot.yml

@@ -26,3 +26,45 @@ updates:
     commit-message:
       prefix: chore(deps)
       prefix-development: chore(deps-dev)
+    ignore:
+      hast-util-to-string:
+        versions: ["*2.0.0"]
+      mdast-util-toc:
+        versions: ["*6.1.0"]
+      rehype-raw:
+        versions: ["*6.1.1"]
+      rehype-react:
+        versions: ["*7.1.1"]
+      rehype-sanitize:
+        versions: ["*5.0.1"]
+      rehype-stringify:
+        versions: ["*9.0.3"]
+      remark-breaks:
+        versions: ["*3.0.2"]
+      remark-disable-tokenizers:
+        versions: ["*1.1.0"]
+      remark-frontmatter:
+        versions: ["*4.0.1"]
+      remark-parse:
+        versions: ["*10.0.1"]
+      remark-rehype:
+        versions: ["*10.1.0"]
+      remark-slug:
+        versions: ["*7.0.1"]
+      remark-stringify:
+        versions: ["*10.0.2"]
+      unified:
+        versions: ["*10.1.2"]
+      unist-util-map:
+        versions: ["*3.1.1"]
+      unist-util-select:
+        versions: ["*4.0.1"]
+      "@hot-loader/react-dom":
+        versions: ["*17.0.2"]
+      "@testing-library/react":
+        versions: ["*13.2.0"]
+      react:
+        versions: ["*18.1.0"]
+      react-dom:
+        versions: ["*18.1.0"]
+

.npm-upgrade.json

@@ -0,0 +1,84 @@
+{
+  "ignore": {
+    "hast-util-to-string": {
+      "versions": "*2.0.0",
+      "reason": ""
+    },
+    "mdast-util-toc": {
+      "versions": "*6.1.0",
+      "reason": ""
+    },
+    "rehype-raw": {
+      "versions": "*6.1.1",
+      "reason": ""
+    },
+    "rehype-react": {
+      "versions": "*7.1.1",
+      "reason": ""
+    },
+    "rehype-sanitize": {
+      "versions": "*5.0.1",
+      "reason": ""
+    },
+    "rehype-stringify": {
+      "versions": "*9.0.3",
+      "reason": ""
+    },
+    "remark-breaks": {
+      "versions": "*3.0.2",
+      "reason": ""
+    },
+    "remark-disable-tokenizers": {
+      "versions": "*1.1.0",
+      "reason": ""
+    },
+    "remark-frontmatter": {
+      "versions": "*4.0.1",
+      "reason": ""
+    },
+    "remark-parse": {
+      "versions": "*10.0.1",
+      "reason": ""
+    },
+    "remark-rehype": {
+      "versions": "*10.1.0",
+      "reason": ""
+    },
+    "remark-slug": {
+      "versions": "*7.0.1",
+      "reason": ""
+    },
+    "remark-stringify": {
+      "versions": "*10.0.2",
+      "reason": ""
+    },
+    "unified": {
+      "versions": "*10.1.2",
+      "reason": ""
+    },
+    "unist-util-map": {
+      "versions": "*3.1.1",
+      "reason": ""
+    },
+    "unist-util-select": {
+      "versions": "*4.0.1",
+      "reason": ""
+    },
+    "@hot-loader/react-dom": {
+      "versions": "*17.0.2",
+      "reason": ""
+    },
+    "@testing-library/react": {
+      "versions": "*13.2.0",
+      "reason": ""
+    },
+    "react": {
+      "versions": "*18.1.0",
+      "reason": ""
+    },
+    "react-dom": {
+      "versions": "*18.1.0",
+      "reason": ""
+    }
+  }
+}

__tests__/browser/setup.js

@@ -1,7 +1,12 @@
 import { configureToMatchImageSnapshot } from 'jest-image-snapshot';
 import path from 'path';
 
-const opts = {};
+const opts = {
+  comparisonMethod: 'ssim',
+  customDiffConfig: {
+    ssim: 'bezkrovny',
+  },
+};
 
 if (process.env.CI) {
   opts.customSnapshotsDir = path.resolve('__tests__/browser/ci/');

jest.config.js

@@ -28,7 +28,9 @@ const unit = {
   setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
   testEnvironment: 'jsdom',
   testPathIgnorePatterns: ['/browser/'],
-  testURL: 'http://localhost',
+  testEnvironmentOptions: {
+    url: 'http://localhost',
+  },
 };
 
 module.exports = { projects: [unit, browser] };