fix: jsdom and playwright mismatch

package.json

@@ -47,9 +47,7 @@
     "@commitlint/config-conventional": "^18.4.3",
     "@lavamoat/preinstall-always-fail": "^2.0.0",
     "@tanstack/react-query": "^5.51.11",
-    "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.2",
     "@types/node": "^18.19.3",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
@@ -62,7 +60,6 @@
     "esbuild-plugin-replace": "^1.4.0",
     "ethers": "^5.6.8",
     "husky": "^8.0.3",
-    "jsdom": "^23.0.1",
     "lokijs": "^1.5.12",
     "next": "^14.2.3",
     "next-auth": "4.24.5",

packages/rainbowkit/package.json

@@ -49,15 +49,12 @@
     "wagmi": "^2.9.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.2",
     "@types/qrcode": "^1.5.5",
     "@types/ua-parser-js": "^0.7.39",
     "@vanilla-extract/css-utils": "0.1.3",
     "@vanilla-extract/private": "^1.0.3",
     "autoprefixer": "^10.4.16",
-    "jsdom": "^23.0.1",
     "nock": "^13.4.0",
     "postcss": "^8.4.32",
     "react": "^18.3.0",

packages/rainbowkit/src/components/ChainModal/ChainModal.test.tsx

@@ -1,4 +1,4 @@
-import user from '@testing-library/user-event';
+import { userEvent } from '@vitest/browser/context';
 import React, { Fragment } from 'react';
 import { describe, expect, it } from 'vitest';
 import { useConnect } from 'wagmi';
@@ -41,7 +41,7 @@ describe('<ChainModal />', () => {
 
     const connectButtonOption = await modal.findByTestId('rk-connect-btn');
 
-    await user.click(connectButtonOption);
+    await userEvent.click(connectButtonOption);
 
     return modal;
   };
@@ -99,7 +99,7 @@ describe('<ChainModal />', () => {
     expect(mainnetOption).toHaveTextContent('Connected');
     expect(arbitrumOption).not.toHaveTextContent('Connected');
 
-    await user.click(arbitrumOption);
+    await userEvent.click(arbitrumOption);
 
     expect(mainnetOption).not.toHaveTextContent('Connected');
     expect(arbitrumOption).toHaveTextContent('Connected');
@@ -116,7 +116,7 @@ describe('<ChainModal />', () => {
 
     const closeButton = await modal.findByLabelText('Close');
 
-    await user.click(closeButton);
+    await userEvent.click(closeButton);
 
     expect(onCloseGotCalled).toBe(true);
   });