@testing-library/svelte 5.2.3 → 5.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testing-library/svelte",
-  "version": "5.2.3",
+  "version": "5.2.5",
   "description": "Simple and complete Svelte testing utilities that encourage good testing practices.",
   "main": "src/index.js",
   "exports": {
@@ -95,7 +95,7 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0",
     "@testing-library/jest-dom": "^6.3.0",
     "@testing-library/user-event": "^14.5.2",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
@@ -111,7 +111,7 @@
     "eslint-plugin-promise": "^6.4.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-svelte": "^2.42.0",
-    "expect-type": "^0.20.0",
+    "expect-type": "^1.1.0",
     "happy-dom": "^15.7.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",

package/src/component-types.d.ts

@@ -1,7 +1,9 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-redundant-type-constituents */
 import type * as Svelte from 'svelte'
 
-type IS_MODERN_SVELTE = any extends Svelte.Component ? false : true
+type IS_MODERN_SVELTE = Svelte.Component extends (...args: any[]) => any
+  ? true
+  : false
 
 /** A compiled, imported Svelte component. */
 export type Component<
@@ -14,12 +16,12 @@ export type Component<
 /**
  * The type of an imported, compiled Svelte component.
  *
- * In Svelte 4, this was the Svelte component class' type.
  * In Svelte 5, this distinction no longer matters.
+ * In Svelte 4, this is the Svelte component class constructor.
  */
-export type ComponentType<C> = C extends Svelte.SvelteComponent
-  ? Svelte.ComponentType<C>
-  : C
+export type ComponentType<C> = IS_MODERN_SVELTE extends true
+  ? C
+  : new (...args: any[]) => C
 
 /** The props of a component. */
 export type Props<C extends Component<any, any>> = Svelte.ComponentProps<C>
@@ -27,8 +29,8 @@ export type Props<C extends Component<any, any>> = Svelte.ComponentProps<C>
 /**
  * The exported fields of a component.
  *
- * In Svelte 4, this is simply the instance of the component class.
  * In Svelte 5, this is the set of variables marked as `export`'d.
+ * In Svelte 4, this is simply the instance of the component class.
  */
 export type Exports<C> = C extends Svelte.SvelteComponent
   ? C

package/src/vite.js

@@ -7,12 +7,13 @@ import { fileURLToPath } from 'node:url'
  * Ensures Svelte is imported correctly in tests
  * and that the DOM is cleaned up after each test.
  *
- * @param {{resolveBrowser?: boolean, autoCleanup?: boolean}} options
+ * @param {{resolveBrowser?: boolean, autoCleanup?: boolean, noExternal?: boolean}} options
  * @returns {import('vite').Plugin}
  */
 export const svelteTesting = ({
   resolveBrowser = true,
   autoCleanup = true,
+  noExternal = true,
 } = {}) => ({
   name: 'vite-plugin-svelte-testing-library',
   config: (config) => {
@@ -27,6 +28,10 @@ export const svelteTesting = ({
     if (autoCleanup) {
       addAutoCleanup(config)
     }
+
+    if (noExternal) {
+      addNoExternal(config)
+    }
   },
 })
 
@@ -64,6 +69,10 @@ const addAutoCleanup = (config) => {
   const test = config.test ?? {}
   let setupFiles = test.setupFiles ?? []
 
+  if (test.globals) {
+    return
+  }
+
   if (typeof setupFiles === 'string') {
     setupFiles = [setupFiles]
   }
@@ -73,3 +82,40 @@ const addAutoCleanup = (config) => {
   test.setupFiles = setupFiles
   config.test = test
 }
+
+/**
+ * Add `@testing-library/svelte` to Vite's noExternal rules, if not present.
+ *
+ * This ensures `@testing-library/svelte` is processed by `@sveltejs/vite-plugin-svelte`
+ * in certain monorepo setups.
+ */
+const addNoExternal = (config) => {
+  const ssr = config.ssr ?? {}
+  let noExternal = ssr.noExternal ?? []
+
+  if (noExternal === true) {
+    return
+  }
+
+  if (typeof noExternal === 'string' || noExternal instanceof RegExp) {
+    noExternal = [noExternal]
+  }
+
+  if (!Array.isArray(noExternal)) {
+    return
+  }
+
+  for (const rule of noExternal) {
+    if (typeof rule === 'string' && rule === '@testing-library/svelte') {
+      return
+    }
+
+    if (rule instanceof RegExp && rule.test('@testing-library/svelte')) {
+      return
+    }
+  }
+
+  noExternal.push('@testing-library/svelte')
+  ssr.noExternal = noExternal
+  config.ssr = ssr
+}

package/types/component-types.d.ts

@@ -1,7 +1,9 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-redundant-type-constituents */
 import type * as Svelte from 'svelte'
 
-type IS_MODERN_SVELTE = any extends Svelte.Component ? false : true
+type IS_MODERN_SVELTE = Svelte.Component extends (...args: any[]) => any
+  ? true
+  : false
 
 /** A compiled, imported Svelte component. */
 export type Component<
@@ -14,12 +16,12 @@ export type Component<
 /**
  * The type of an imported, compiled Svelte component.
  *
- * In Svelte 4, this was the Svelte component class' type.
  * In Svelte 5, this distinction no longer matters.
+ * In Svelte 4, this is the Svelte component class constructor.
  */
-export type ComponentType<C> = C extends Svelte.SvelteComponent
-  ? Svelte.ComponentType<C>
-  : C
+export type ComponentType<C> = IS_MODERN_SVELTE extends true
+  ? C
+  : new (...args: any[]) => C
 
 /** The props of a component. */
 export type Props<C extends Component<any, any>> = Svelte.ComponentProps<C>
@@ -27,8 +29,8 @@ export type Props<C extends Component<any, any>> = Svelte.ComponentProps<C>
 /**
  * The exported fields of a component.
  *
- * In Svelte 4, this is simply the instance of the component class.
  * In Svelte 5, this is the set of variables marked as `export`'d.
+ * In Svelte 4, this is simply the instance of the component class.
  */
 export type Exports<C> = C extends Svelte.SvelteComponent
   ? C

package/types/core/modern.svelte.d.ts

@@ -3,7 +3,7 @@ export const allowedOptions: string[];
 /** Whether we're using Svelte >= 5. */
 export const IS_MODERN_SVELTE: boolean;
 /** Mount the component into the DOM. */
-export function mount(Component: any, options: any): any;
+export function mount(Component: any, options: any): Record<string, any>;
 /** Remove the component from the DOM. */
 export function unmount(component: any): void;
 /**

package/types/core/modern.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modern.svelte.d.ts","sourceRoot":"","sources":["../../src/core/modern.svelte.js"],"names":[],"mappings":"AAaA,2CAA2C;AAC3C,sCAOC;AAXD,uCAAuC;AACvC,uCAA2D;AAY3D,wCAAwC;AACxC,yDAQC;AAED,yCAAyC;AACzC,8CAGC;AAED;;;;GAIG;AACH,kEAGC"}
+{"version":3,"file":"modern.svelte.d.ts","sourceRoot":"","sources":["../../src/core/modern.svelte.js"],"names":[],"mappings":"AAaA,2CAA2C;AAC3C,sCAOC;AAXD,uCAAuC;AACvC,uCAA2D;AAY3D,wCAAwC;AACxC,yEAQC;AAED,yCAAyC;AACzC,8CAGC;AAED;;;;GAIG;AACH,kEAGC"}

package/types/vite.d.ts

@@ -1,5 +1,6 @@
-export function svelteTesting({ resolveBrowser, autoCleanup, }?: {
+export function svelteTesting({ resolveBrowser, autoCleanup, noExternal, }?: {
     resolveBrowser?: boolean;
     autoCleanup?: boolean;
+    noExternal?: boolean;
 }): import("vite").Plugin;
 //# sourceMappingURL=vite.d.ts.map

package/types/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.js"],"names":[],"mappings":"AAYO,iEAHI;IAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAC,GAC/C,OAAO,MAAM,EAAE,MAAM,CAoBhC"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.js"],"names":[],"mappings":"AAYO,6EAHI;IAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAC,GACrE,OAAO,MAAM,EAAE,MAAM,CAyBhC"}