fix tests (supabase#37958)

Author: jordienr

apps/studio/components/interfaces/Storage/__tests__/CreateBucketModal.test.tsx

@@ -4,6 +4,7 @@ import userEvent from '@testing-library/user-event'
 
 import { addAPIMock } from 'tests/lib/msw'
 import { ProjectContextProvider } from 'components/layouts/ProjectLayout/ProjectContext'
+
 import { render } from 'tests/helpers'
 import { routerMock } from 'tests/lib/route-mock'
 import CreateBucketModal from '../CreateBucketModal'

apps/studio/components/interfaces/Storage/__tests__/EditBucketModal.test.tsx

@@ -8,7 +8,6 @@ import { addAPIMock } from 'tests/lib/msw'
 import { ProjectContextProvider } from 'components/layouts/ProjectLayout/ProjectContext'
 import { Bucket } from 'data/storage/buckets-query'
 import { render } from 'tests/helpers'
-import { routerMock } from 'tests/lib/route-mock'
 import EditBucketModal from '../EditBucketModal'
 
 const bucket: Bucket = {
@@ -43,8 +42,6 @@ const Page = ({ onClose }: { onClose: () => void }) => {
 
 describe(`EditBucketModal`, () => {
   beforeEach(() => {
-    // useParams
-    routerMock.setCurrentUrl(`/project/default/storage/buckets/test`)
     // useSelectedProject -> Project
     addAPIMock({
       method: `get`,

apps/studio/tests/vitestSetup.ts

@@ -37,6 +37,15 @@ beforeAll(() => {
 
   vi.mock('next/compat/router', () => require('next-router-mock'))
 
+  // Mock the useParams hook from common module globally
+  vi.mock('common', async (importOriginal) => {
+    const actual = await importOriginal()
+    return {
+      ...(typeof actual === 'object' ? actual : {}),
+      useParams: () => ({ ref: 'default' }),
+    }
+  })
+
   routerMock.useParser(createDynamicRouteParser(['/projects/[ref]']))
 })