fix some failing unit tests (not all yet)

src/components/@molecules/ProfileEditor/Avatar/AvatarNFT.test.tsx

@@ -5,12 +5,12 @@ import * as ReactQuery from '@tanstack/react-query'
 import { beforeEach, describe, expect, it, Mock, vi } from 'vitest'
 import { useAccount, useClient } from 'wagmi'
 
-import * as ThorinComponents from '@ensdomains/thorin'
 
 import * as UseInfiniteQuery from '@app/utils/query/useInfiniteQuery'
 
 import { makeMockIntersectionObserver } from '../../../../../test/mock/makeMockIntersectionObserver'
 import { AvatarNFT } from './AvatarNFT'
+import React from 'react'
 
 vi.mock('wagmi')
 vi.mock('@app/hooks/chain/useCurrentBlockTimestamp', () => ({
@@ -20,6 +20,8 @@ vi.mock('@app/hooks/chain/useChainName', () => ({
   useChainName: () => 'mainnet',
 }))
 
+
+
 const mockUseClient = mockFunction(useClient)
 const mockUseAccount = mockFunction(useAccount)
 
@@ -194,6 +196,8 @@ describe('<AvatarNFT />', () => {
   })
   it('show load more data on page load trigger', async () => {
     const useInfiniteQuerySpy = vi.spyOn(UseInfiniteQuery, 'useInfiniteQuery')
+
+
     mockFetch
       .mockImplementationOnce(() =>
         Promise.resolve({
@@ -209,12 +213,16 @@ describe('<AvatarNFT />', () => {
           pageKey: 'test456',
         }),
       )
-    vi.spyOn(ThorinComponents, 'ScrollBox').mockImplementationOnce(
-      ({ children, onReachedBottom }) => {
+    vi.mock('@ensdomains/thorin', async (importActual) => ({
+      ...(await importActual() as any),
+      ScrollBox: () => ({ children, onReachedBottom }: React.PropsWithChildren<{
+        onReachedBottom?: () => void;
+      }>) => {
         onReachedBottom!()
         return <div>{children}</div>
       },
-    )
+    }))
+
 
     render(<AvatarNFT {...props} />)
     await waitFor(() => expect(mockFetch).toHaveBeenCalled())
@@ -246,12 +254,15 @@ describe('<AvatarNFT />', () => {
       }),
     )
 
-    vi.spyOn(ThorinComponents, 'ScrollBox').mockImplementationOnce(
-      ({ children, onReachedBottom }) => {
+    vi.mock('@ensdomains/thorin', async (importActual) => ({
+      ...(await importActual() as any),
+      ScrollBox: () => ({ children, onReachedBottom }: React.PropsWithChildren<{
+        onReachedBottom?: () => void;
+      }>) => {
         onReachedBottom!()
         return <div>{children}</div>
       },
-    )
+    }))
 
     render(<AvatarNFT {...props} />)
 

src/components/pages/profile/[name]/registration/steps/Profile/AddProfileRecordView.test.tsx

@@ -72,7 +72,7 @@ describe('AddProfileRecordView', () => {
     render(<AddProfileRecordView control={result.current.control} />)
     await userEvent.click(screen.getByTestId('profile-record-option-ipfs'))
     expect(screen.getByTestId('profile-record-option-ipfs')).toHaveStyle(
-      'background-color: ButtonFace',
+      'background-color: rgb(238, 245, 255)',
     )
     expect(screen.getByTestId('profile-record-option-skynet')).toBeDisabled()
     expect(screen.getByTestId('profile-record-option-swarm')).toBeDisabled()