test: explicitly import runtime utils

danielroe · danielroe · commit 0c729e2e3c77 · 2025-06-18T14:19:37.000+01:00
diff --git a/test/nuxt/image.test.ts b/test/nuxt/image.test.ts
@@ -4,6 +4,7 @@ import type { ComponentMountingOptions, VueWrapper } from '@vue/test-utils'
 import { imageOptions } from '#build/image-options.mjs'
 import { NuxtImg } from '#components'
 import { createImage } from '#image'
+import { h, nextTick, useNuxtApp, useRuntimeConfig } from '#imports'
 
 describe('Renders simple image', () => {
   let wrapper: VueWrapper<any>
@@ -317,6 +318,7 @@ describe('Renders image, applies module config', () => {
 
   it('Module config .quality applies', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
@@ -336,6 +338,7 @@ describe('Renders image, applies module config', () => {
 
   it('Module config .quality + props.quality => props.quality applies', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
@@ -356,6 +359,7 @@ describe('Renders image, applies module config', () => {
 
   it('Without quality config => default image', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
diff --git a/test/nuxt/picture.test.ts b/test/nuxt/picture.test.ts
@@ -2,7 +2,7 @@ import type { VueWrapper } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it } from 'vitest'
 import { NuxtPicture } from '#components'
-import { useNuxtApp, useRuntimeConfig } from '#imports'
+import { useNuxtApp, useRuntimeConfig, nextTick } from '#imports'
 import { imageOptions } from '#build/image-options.mjs'
 import { createImage } from '#image'
 
@@ -188,6 +188,7 @@ describe('Renders image, applies module config', () => {
 
   it('Module config .format, single entry, no prop.format => module config applies', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
@@ -211,6 +212,7 @@ describe('Renders image, applies module config', () => {
 
   it('Module config .format, multiple entries, no prop.format => module config applies', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
@@ -235,6 +237,7 @@ describe('Renders image, applies module config', () => {
 
   it('Module config .format, multiple entries, prop.format override => prop is used (takes precedence)', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
@@ -259,6 +262,7 @@ describe('Renders image, applies module config', () => {
 
   it('Module config .format, multiple entries, no prop.format, svg image => renders src with svg only', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
@@ -278,6 +282,7 @@ describe('Renders image, applies module config', () => {
 
   it('Module config .quality applies', () => {
     nuxtApp._img = createImage({
+      runtimeConfig: {} as any,
       ...imageOptions,
       nuxt: {
         baseURL: config.app.baseURL,
diff --git a/test/nuxt/providers.test.ts b/test/nuxt/providers.test.ts
@@ -2,6 +2,7 @@ import { describe, it, expect } from 'vitest'
 
 import { images } from '../providers'
 
+import { useNuxtApp } from '#imports'
 import ipx from '#image/providers/ipx'
 import none from '#image/providers/none'
 import weserv from '#image/providers/weserv'
diff --git a/test/nuxt/use-image.test.ts b/test/nuxt/use-image.test.ts
@@ -1,4 +1,5 @@
 import { describe, it, expect } from 'vitest'
+import { useImage } from '#imports'
 
 describe('image helper', () => {
   it.skip('Generate placeholder', async () => {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import { describe, it, expect } from 'vitest'`
	`2`	`+import { useImage } from '#imports'`
`2`	`3`
`3`	`4`	`describe('image helper', () => {`
`4`	`5`	`it.skip('Generate placeholder', async () => {`