Mocking a plugin

import { mockNuxtImport } from '@nuxt/test-utils/runtime'

// Create a mock of useNuxtApp with your plugin
mockNuxtImport('useNuxtApp', () => {
  return () => ({
    // Mock your plugin here
    $yourPlugin: {
      someMethod: vi.fn(),
      someProperty: 'mocked value'
    }
    // Add other properties that useNuxtApp would normally return
  })
})

// Your tests here

import { vi } from 'vitest'
import { mockNuxtImport } from '@nuxt/test-utils/runtime'

const { useNuxtAppMock } = vi.hoisted(() => {
  return {
    useNuxtAppMock: vi.fn(() => ({
      $yourPlugin: {
        someMethod: vi.fn(),
        someProperty: 'mocked value'
      }
    }))
  }
})

mockNuxtImport('useNuxtApp', () => {
  return useNuxtAppMock
})

// Then, inside a test you can change the implementation
useNuxtAppMock.mockImplementation(() => ({
  $yourPlugin: {
    someMethod: vi.fn().mockReturnValue('different value'),
    someProperty: 'different mocked value'
  }
}))

import { mountSuspended } from '@nuxt/test-utils/runtime'
import YourComponent from '~/components/YourComponent.vue'

it('tests component with mocked plugin', async () => {
  const component = await mountSuspended(YourComponent)
  // Your assertions here
})

import { mockNuxtImport } from '@nuxt/test-utils/runtime'

// Mock a specific plugin or composable that your component uses
mockNuxtImport('useMyPlugin', () => {
  return () => ({
    someMethod: vi.fn(),
    someProperty: 'mocked value'
  })
})

import { vi } from 'vitest'
import { mockNuxtImport } from '@nuxt/test-utils/runtime'

const { useNuxtAppMock } = vi.hoisted(() => {
  return {
    useNuxtAppMock: vi.fn(() => ({
      // Include the required deferHydration function
      deferHydration: vi.fn(),
      // Your plugin
      $yourPlugin: {
        someMethod: vi.fn()
      },
      // Add other required properties
      runWithContext: (fn) => fn(),
      isHydrating: false
    }))
  }
})

mockNuxtImport('useNuxtApp', () => useNuxtAppMock)

// In your component
const nuxtApp = tryUseNuxtApp()
if (nuxtApp) {
  // Use the plugin
}

mockNuxtImport('tryUseNuxtApp', () => {
  return () => ({
    $yourPlugin: {
      // Your mocked methods
    }
  })
})