Rich text editor

.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "extends": ["next/core-web-vitals", "prettier"],
   "rules": {
-    "no-unused-vars": "error"
+    "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }]
   }
 }

jest.setup.js

@@ -1,4 +1,29 @@
 import '@testing-library/jest-dom';
 import dotenv from 'dotenv';
+import { TextEncoder, TextDecoder } from 'util';
+
+Object.assign(global, { TextDecoder, TextEncoder });
+
+class ClipboardEventMock extends Event {
+  constructor(type, eventInitDict) {
+    super(type, eventInitDict);
+    this.clipboardData = {
+      getData: jest.fn(),
+      setData: jest.fn(),
+    };
+  }
+}
+global.ClipboardEvent = ClipboardEventMock;
+
+class DragEventMock extends Event {
+  constructor(type, eventInitDict) {
+    super(type, eventInitDict);
+    this.dataTransfer = {
+      getData: jest.fn(),
+      setData: jest.fn(),
+    };
+  }
+}
+global.DragEvent = DragEventMock;
 
 dotenv.config({ path: '.env.test' });

next.config.js

@@ -1,6 +1,11 @@
 /** @type {import('next').NextConfig} */
 
-const nextConfig = {};
+const nextConfig = {
+  webpack: (config) => {
+    config.externals = [...config.externals, 'canvas', 'jsdom', 'node-fetch'];
+    return config;
+  },
+};
 
 module.exports = nextConfig;