@testing-library/svelte 5.1.0 → 5.2.0-next.2

package/src/pure.js

@@ -1,157 +1,174 @@
 import {
-  fireEvent as dtlFireEvent,
+  fireEvent as baseFireEvent,
   getQueriesForElement,
   prettyDOM,
 } from '@testing-library/dom'
-import * as Svelte from 'svelte'
-import { VERSION as SVELTE_VERSION } from 'svelte/compiler'
-
-const IS_SVELTE_5 = /^5\./.test(SVELTE_VERSION)
-
-export class SvelteTestingLibrary {
-  svelteComponentOptions = [
-    'target',
-    'accessors',
-    'anchor',
-    'props',
-    'hydrate',
-    'intro',
-    'context',
-  ]
-
-  targetCache = new Set()
-  componentCache = new Set()
-
-  checkProps(options) {
-    const isProps = !Object.keys(options).some((option) =>
-      this.svelteComponentOptions.includes(option)
-    )
-
-    // Check if any props and Svelte options were accidentally mixed.
-    if (!isProps) {
-      const unrecognizedOptions = Object.keys(options).filter(
-        (option) => !this.svelteComponentOptions.includes(option)
-      )
-
-      if (unrecognizedOptions.length > 0) {
-        throw Error(`
-          Unknown options were found [${unrecognizedOptions}]. This might happen if you've mixed
-          passing in props with Svelte options into the render function. Valid Svelte options
-          are [${this.svelteComponentOptions}]. You can either change the prop names, or pass in your
-          props for that component via the \`props\` option.\n\n
-          Eg: const { /** Results **/ } = render(MyComponent, { props: { /** props here **/ } })\n\n
-        `)
+import { tick } from 'svelte'
+
+import { mount, unmount, updateProps, validateOptions } from './core/index.js'
+
+const targetCache = new Set()
+const componentCache = new Set()
+
+/**
+ * Customize how Svelte renders the component.
+ *
+ * @template {import('svelte').SvelteComponent} C
+ * @typedef {import('svelte').ComponentProps<C> | Partial<import('svelte').ComponentConstructorOptions<import('svelte').ComponentProps<C>>>} SvelteComponentOptions
+ */
+
+/**
+ * Customize how Testing Library sets up the document and binds queries.
+ *
+ * @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
+ * @typedef {{
+ *   baseElement?: HTMLElement
+ *   queries?: Q
+ * }} RenderOptions
+ */
+
+/**
+ * The rendered component and bound testing functions.
+ *
+ * @template {import('svelte').SvelteComponent} C
+ * @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
+ *
+ * @typedef {{
+ *   container: HTMLElement
+ *   baseElement: HTMLElement
+ *   component: C
+ *   debug: (el?: HTMLElement | DocumentFragment) => void
+ *   rerender: (props: Partial<import('svelte').ComponentProps<C>>) => Promise<void>
+ *   unmount: () => void
+ * } & {
+ *   [P in keyof Q]: import('@testing-library/dom').BoundFunction<Q[P]>
+ * }} RenderResult
+ */
+
+/**
+ * Render a component into the document.
+ *
+ * @template {import('svelte').SvelteComponent} C
+ * @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
+ *
+ * @param {import('svelte').ComponentType<C>} Component - The component to render.
+ * @param {SvelteComponentOptions<C>} options - Customize how Svelte renders the component.
+ * @param {RenderOptions<Q>} renderOptions - Customize how Testing Library sets up the document and binds queries.
+ * @returns {RenderResult<C, Q>} The rendered component and bound testing functions.
+ */
+const render = (Component, options = {}, renderOptions = {}) => {
+  options = validateOptions(options)
+
+  const baseElement =
+    renderOptions.baseElement ?? options.target ?? document.body
+
+  const queries = getQueriesForElement(baseElement, renderOptions.queries)
+
+  const target =
+    options.target ?? baseElement.appendChild(document.createElement('div'))
+
+  targetCache.add(target)
+
+  const component = mount(
+    Component.default ?? Component,
+    { ...options, target },
+    cleanupComponent
+  )
+
+  componentCache.add(component)
+
+  return {
+    baseElement,
+    component,
+    container: target,
+    debug: (el = baseElement) => {
+      console.log(prettyDOM(el))
+    },
+    rerender: async (props) => {
+      if (props.props) {
+        console.warn(
+          'rerender({ props: {...} }) deprecated, use rerender({...}) instead'
+        )
+        props = props.props
       }
 
-      return options
-    }
-
-    return { props: options }
-  }
-
-  render(Component, componentOptions = {}, renderOptions = {}) {
-    componentOptions = this.checkProps(componentOptions)
-
-    const baseElement =
-      renderOptions.baseElement ?? componentOptions.target ?? document.body
-
-    const target =
-      componentOptions.target ??
-      baseElement.appendChild(document.createElement('div'))
-
-    this.targetCache.add(target)
-
-    const ComponentConstructor = Component.default || Component
-
-    const component = this.renderComponent(ComponentConstructor, {
-      ...componentOptions,
-      target,
-    })
-
-    return {
-      baseElement,
-      component,
-      container: target,
-      debug: (el = baseElement) => console.log(prettyDOM(el)),
-      rerender: async (props) => {
-        if (props.props) {
-          console.warn(
-            'rerender({ props: {...} }) deprecated, use rerender({...}) instead'
-          )
-          props = props.props
-        }
-        component.$set(props)
-        await Svelte.tick()
-      },
-      unmount: () => {
-        this.cleanupComponent(component)
-      },
-      ...getQueriesForElement(baseElement, renderOptions.queries),
-    }
-  }
-
-  renderComponent(ComponentConstructor, componentOptions) {
-    if (IS_SVELTE_5) {
-      throw new Error('for Svelte 5, use `@testing-library/svelte/svelte5`')
-    }
-
-    const component = new ComponentConstructor(componentOptions)
-
-    this.componentCache.add(component)
-
-    // TODO(mcous, 2024-02-11): remove this behavior in the next major version
-    component.$$.on_destroy.push(() => {
-      this.componentCache.delete(component)
-    })
-
-    return component
+      updateProps(component, props)
+      await tick()
+    },
+    unmount: () => {
+      cleanupComponent(component)
+    },
+    ...queries,
   }
+}
 
-  cleanupComponent(component) {
-    const inCache = this.componentCache.delete(component)
+/** Remove a component from the component cache. */
+const cleanupComponent = (component) => {
+  const inCache = componentCache.delete(component)
 
-    if (inCache) {
-      component.$destroy()
-    }
+  if (inCache) {
+    unmount(component)
   }
+}
 
-  cleanupTarget(target) {
-    const inCache = this.targetCache.delete(target)
-
-    if (inCache && target.parentNode === document.body) {
-      document.body.removeChild(target)
-    }
-  }
+/** Remove a target element from the target cache. */
+const cleanupTarget = (target) => {
+  const inCache = targetCache.delete(target)
 
-  cleanup() {
-    this.componentCache.forEach(this.cleanupComponent.bind(this))
-    this.targetCache.forEach(this.cleanupTarget.bind(this))
+  if (inCache && target.parentNode === document.body) {
+    document.body.removeChild(target)
   }
 }
 
-const instance = new SvelteTestingLibrary()
-
-export const render = instance.render.bind(instance)
-
-export const cleanup = instance.cleanup.bind(instance)
+/** Unmount all components and remove elements added to `<body>`. */
+const cleanup = () => {
+  componentCache.forEach(cleanupComponent)
+  targetCache.forEach(cleanupTarget)
+}
 
-export const act = async (fn) => {
+/**
+ * Call a function and wait for Svelte to flush pending changes.
+ *
+ * @param {() => unknown} [fn] - A function, which may be `async`, to call before flushing updates.
+ * @returns {Promise<void>}
+ */
+const act = async (fn) => {
   if (fn) {
     await fn()
   }
-  return Svelte.tick()
+  return tick()
 }
 
-export const fireEvent = async (...args) => {
-  const event = dtlFireEvent(...args)
-  await Svelte.tick()
+/**
+ * @typedef {(...args: Parameters<import('@testing-library/dom').FireFunction>) => Promise<ReturnType<import('@testing-library/dom').FireFunction>>} FireFunction
+ */
+
+/**
+ * @typedef {{
+ *   [K in import('@testing-library/dom').EventType]: (...args: Parameters<import('@testing-library/dom').FireObject[K]>) => Promise<ReturnType<import('@testing-library/dom').FireObject[K]>>
+ * }} FireObject
+ */
+
+/**
+ * Fire an event on an element.
+ *
+ * Consider using `@testing-library/user-event` instead, if possible.
+ * @see https://testing-library.com/docs/user-event/intro/
+ *
+ * @type {FireFunction & FireObject}
+ */
+const fireEvent = async (...args) => {
+  const event = baseFireEvent(...args)
+  await tick()
   return event
 }
 
-Object.keys(dtlFireEvent).forEach((key) => {
+Object.keys(baseFireEvent).forEach((key) => {
   fireEvent[key] = async (...args) => {
-    const event = dtlFireEvent[key](...args)
-    await Svelte.tick()
+    const event = baseFireEvent[key](...args)
+    await tick()
     return event
   }
 })
+
+export { act, cleanup, fireEvent, render }

package/types/core/index.d.ts

@@ -0,0 +1,8 @@
+export const mount: (Component: any, options: any, onDestroy: any) => any;
+import { UnknownSvelteOptionsError } from './validate-options.js';
+export const unmount: (component: any) => void;
+export const updateProps: (component: any, nextProps: any) => void;
+/** Validate component options. */
+export const validateOptions: (options: any) => any;
+export { UnknownSvelteOptionsError };
+//# sourceMappingURL=index.d.ts.map

package/types/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.js"],"names":[],"mappings":";0CAYO,uBAAuB;;;AAK9B,kCAAkC;AAClC,oDAA6D"}

package/types/core/legacy.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Legacy rendering core for svelte-testing-library.
+ *
+ * Supports Svelte <= 4.
+ */
+/** Allowed options for the component constructor. */
+export const allowedOptions: string[];
+/**
+ * Mount the component into the DOM.
+ *
+ * The `onDestroy` callback is included for strict backwards compatibility
+ * with previous versions of this library. It's mostly unnecessary logic.
+ */
+export function mount(Component: any, options: any, onDestroy: any): any;
+/** Remove the component from the DOM. */
+export function unmount(component: any): void;
+/** Update the component's props. */
+export function updateProps(component: any, nextProps: any): void;
+//# sourceMappingURL=legacy.d.ts.map

package/types/core/legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.d.ts","sourceRoot":"","sources":["../../src/core/legacy.js"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,qDAAqD;AACrD,sCAQC;AAED;;;;;GAKG;AACH,yEAUC;AAED,yCAAyC;AACzC,8CAEC;AAED,oCAAoC;AACpC,kEAEC"}

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

@@ -0,0 +1,15 @@
+/** Allowed options to the `mount` call. */
+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;
+/** Remove the component from the DOM. */
+export function unmount(component: any): void;
+/**
+ * Update the component's props.
+ *
+ * Relies on the `$state` signal added in `mount`.
+ */
+export function updateProps(component: any, nextProps: any): void;
+//# sourceMappingURL=modern.svelte.d.ts.map

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

@@ -0,0 +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,yDAOC;AAED,yCAAyC;AACzC,8CAGC;AAED;;;;GAIG;AACH,kEAGC"}

package/types/core/validate-options.d.ts

@@ -0,0 +1,5 @@
+export function createValidateOptions(allowedOptions: any): (options: any) => any;
+export class UnknownSvelteOptionsError extends TypeError {
+    constructor(unknownOptions: any, allowedOptions: any);
+}
+//# sourceMappingURL=validate-options.d.ts.map

package/types/core/validate-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-options.d.ts","sourceRoot":"","sources":["../../src/core/validate-options.js"],"names":[],"mappings":"AAiBA,kFAmBC;AApCD;IACE,sDAaC;CACF"}

package/types/index.d.ts

@@ -1,82 +1,5 @@
-// Type definitions for Svelte Testing Library
-// Project: https://github.com/testing-library/svelte-testing-library
-// Definitions by: Rahim Alwer <https://github.com/mihar-22>
-
-import {
-  BoundFunction,
-  EventType,
-  Queries,
-  queries,
-} from '@testing-library/dom'
-import {
-  ComponentConstructorOptions,
-  ComponentProps,
-  SvelteComponent,
-} from 'svelte'
-
-export * from '@testing-library/dom'
-
-type SvelteComponentOptions<C extends SvelteComponent> =
-  | ComponentProps<C>
-  | Partial<ComponentConstructorOptions<ComponentProps<C>>>
-
-type Constructor<T> = new (...args: any[]) => T
-
-/**
- * Render a Component into the Document.
- */
-export type RenderResult<
-  C extends SvelteComponent,
-  Q extends Queries = typeof queries,
-> = {
-  container: HTMLElement
-  baseElement: HTMLElement
-  component: C
-  debug: (el?: HTMLElement | DocumentFragment) => void
-  rerender: (props: Partial<ComponentProps<C>>) => Promise<void>
-  unmount: () => void
-} & { [P in keyof Q]: BoundFunction<Q[P]> }
-
-export interface RenderOptions<Q extends Queries = typeof queries> {
-  baseElement?: HTMLElement
-  queries?: Q
-}
-
-export function render<
-  C extends SvelteComponent,
-  Q extends Queries = typeof queries,
->(
-  component: Constructor<C>,
-  componentOptions?: SvelteComponentOptions<C>,
-  renderOptions?: RenderOptions<Q>
-): RenderResult<C, Q>
-
-/**
- * Unmounts trees that were mounted with render.
- */
-export function cleanup(): void
-
-/**
- * Fires DOM events on an element provided by @testing-library/dom. Since Svelte needs to flush
- * pending state changes via `tick`, these methods have been override and now return a promise.
- */
-export type FireFunction = (
-  element: Document | Element | Window,
-  event: Event
-) => Promise<boolean>
-
-export type FireObject = {
-  [K in EventType]: (
-    element: Document | Element | Window,
-    options?: {}
-  ) => Promise<boolean>
-}
-
-export const fireEvent: FireFunction & FireObject
-
-/**
- * Calls a function and notifies Svelte to flush any pending state changes.
- *
- * If the function returns a Promise, that Promise will be resolved first.
- */
-export function act(fn?: () => unknown): Promise<void>
+export * from "@testing-library/dom";
+export * from "./pure.js";
+export { UnknownSvelteOptionsError } from "./core/index.js";
+export { fireEvent } from "./pure.js";
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":""}

package/types/pure.d.ts

@@ -0,0 +1,95 @@
+/**
+ * Customize how Svelte renders the component.
+ */
+export type SvelteComponentOptions<C extends import("svelte").SvelteComponent> = import("svelte").ComponentProps<C> | Partial<import("svelte").ComponentConstructorOptions<import("svelte").ComponentProps<C>>>;
+/**
+ * Customize how Testing Library sets up the document and binds queries.
+ */
+export type RenderOptions<Q extends import("@testing-library/dom").Queries = typeof import("@testing-library/dom/types/queries.js")> = {
+    baseElement?: HTMLElement;
+    queries?: Q;
+};
+/**
+ * The rendered component and bound testing functions.
+ */
+export type RenderResult<C extends import("svelte").SvelteComponent, Q extends import("@testing-library/dom").Queries = typeof import("@testing-library/dom/types/queries.js")> = {
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    component: C;
+    debug: (el?: HTMLElement | DocumentFragment) => void;
+    rerender: (props: Partial<import("svelte").ComponentProps<C>>) => Promise<void>;
+    unmount: () => void;
+} & { [P in keyof Q]: import("@testing-library/dom").BoundFunction<Q[P]>; };
+export type FireFunction = (...args: Parameters<import("@testing-library/dom").FireFunction>) => Promise<ReturnType<import("@testing-library/dom").FireFunction>>;
+export type FireObject = { [K in import("@testing-library/dom").EventType]: (...args: Parameters<import("@testing-library/dom").FireObject[K]>) => Promise<ReturnType<import("@testing-library/dom").FireObject[K]>>; };
+/**
+ * Call a function and wait for Svelte to flush pending changes.
+ *
+ * @param {() => unknown} [fn] - A function, which may be `async`, to call before flushing updates.
+ * @returns {Promise<void>}
+ */
+export function act(fn?: (() => unknown) | undefined): Promise<void>;
+/** Unmount all components and remove elements added to `<body>`. */
+export function cleanup(): void;
+/**
+ * @typedef {(...args: Parameters<import('@testing-library/dom').FireFunction>) => Promise<ReturnType<import('@testing-library/dom').FireFunction>>} FireFunction
+ */
+/**
+ * @typedef {{
+ *   [K in import('@testing-library/dom').EventType]: (...args: Parameters<import('@testing-library/dom').FireObject[K]>) => Promise<ReturnType<import('@testing-library/dom').FireObject[K]>>
+ * }} FireObject
+ */
+/**
+ * Fire an event on an element.
+ *
+ * Consider using `@testing-library/user-event` instead, if possible.
+ * @see https://testing-library.com/docs/user-event/intro/
+ *
+ * @type {FireFunction & FireObject}
+ */
+export const fireEvent: FireFunction & FireObject;
+/**
+ * Customize how Svelte renders the component.
+ *
+ * @template {import('svelte').SvelteComponent} C
+ * @typedef {import('svelte').ComponentProps<C> | Partial<import('svelte').ComponentConstructorOptions<import('svelte').ComponentProps<C>>>} SvelteComponentOptions
+ */
+/**
+ * Customize how Testing Library sets up the document and binds queries.
+ *
+ * @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
+ * @typedef {{
+ *   baseElement?: HTMLElement
+ *   queries?: Q
+ * }} RenderOptions
+ */
+/**
+ * The rendered component and bound testing functions.
+ *
+ * @template {import('svelte').SvelteComponent} C
+ * @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
+ *
+ * @typedef {{
+ *   container: HTMLElement
+ *   baseElement: HTMLElement
+ *   component: C
+ *   debug: (el?: HTMLElement | DocumentFragment) => void
+ *   rerender: (props: Partial<import('svelte').ComponentProps<C>>) => Promise<void>
+ *   unmount: () => void
+ * } & {
+ *   [P in keyof Q]: import('@testing-library/dom').BoundFunction<Q[P]>
+ * }} RenderResult
+ */
+/**
+ * Render a component into the document.
+ *
+ * @template {import('svelte').SvelteComponent} C
+ * @template {import('@testing-library/dom').Queries} [Q=typeof import('@testing-library/dom').queries]
+ *
+ * @param {import('svelte').ComponentType<C>} Component - The component to render.
+ * @param {SvelteComponentOptions<C>} options - Customize how Svelte renders the component.
+ * @param {RenderOptions<Q>} renderOptions - Customize how Testing Library sets up the document and binds queries.
+ * @returns {RenderResult<C, Q>} The rendered component and bound testing functions.
+ */
+export function render<C extends import("svelte").SvelteComponent, Q extends import("@testing-library/dom").Queries = typeof import("@testing-library/dom/types/queries.js")>(Component: import("svelte").ComponentType<C>, options?: SvelteComponentOptions<C>, renderOptions?: RenderOptions<Q>): RenderResult<C, Q>;
+//# sourceMappingURL=pure.d.ts.map

package/types/pure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pure.d.ts","sourceRoot":"","sources":["../src/pure.js"],"names":[],"mappings":";;;mCAegD,CAAC,SAApC,OAAQ,QAAQ,EAAE,eAAgB,IAClC,OAAO,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,OAAO,QAAQ,EAAE,2BAA2B,CAAC,OAAO,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;;;;0BAMpF,CAAC,SAA3C,OAAQ,sBAAsB,EAAE,OAAQ,6DACxC;IACZ,WAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,OAAW,CAAC,EAAE,CAAC,CAAA;CACZ;;;;yBAM4C,CAAC,SAApC,OAAQ,QAAQ,EAAE,eAAgB,EACQ,CAAC,SAA3C,OAAQ,sBAAsB,EAAE,OAAQ,6DAExC;IACZ,SAAa,EAAE,WAAW,CAAA;IAC1B,WAAe,EAAE,WAAW,CAAA;IAC5B,SAAa,EAAE,CAAC,CAAA;IAChB,KAAS,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,GAAG,gBAAgB,KAAK,IAAI,CAAA;IACxD,QAAY,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnF,OAAW,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,GACD,CAAY,IAAP,MAAM,CAAC,GAAG,OAAO,sBAAsB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACnE;2BAkGS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,OAAO,sBAAsB,EAAE,YAAY,CAAC,KAAK,OAAO,CAAC,UAAU,CAAC,OAAO,sBAAsB,EAAE,YAAY,CAAC,CAAC;yBAItI,GACP,CAA6C,IAAxC,OAAO,sBAAsB,EAAE,SAAS,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,OAAO,sBAAsB,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,UAAU,CAAC,OAAO,sBAAsB,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAC1L;AApBJ;;;;;GAKG;AACH,gCAHiB,OAAO,gBACX,OAAO,CAAC,IAAI,CAAC,CAOzB;AAjBD,oEAAoE;AACpE,gCAGC;AAeD;;GAEG;AAEH;;;;GAIG;AAEH;;;;;;;GAOG;AACH,wBAFU,YAAY,GAAG,UAAU,CAMlC;AAvJD;;;;;GAKG;AAEH;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;;;;;;GAUG;AACH,uBARgD,CAAC,SAApC,OAAQ,QAAQ,EAAE,eAAgB,EACQ,CAAC,SAA3C,OAAQ,sBAAsB,EAAE,OAAQ,sEAE1C,OAAO,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,YACjC,sBAAsB,CAAC,CAAC,CAAC,kBACzB,aAAa,CAAC,CAAC,CAAC,GACd,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CA8C9B"}

package/types/vite.d.ts

@@ -1,12 +1,5 @@
-import type { Plugin } from 'vite'
-
-/**
- * Vite plugin to configure @testing-library/svelte.
- *
- * Ensures Svelte is imported correctly in tests
- * and that the DOM is cleaned up after each test.
- */
-export function svelteTesting(options?: {
-  resolveBrowser?: boolean
-  autoCleanup?: boolean
-}): Plugin
+export function svelteTesting({ resolveBrowser, autoCleanup, }?: {
+    resolveBrowser?: boolean;
+    autoCleanup?: boolean;
+}): import("vite").Plugin;
+//# sourceMappingURL=vite.d.ts.map

package/types/vite.d.ts.map

@@ -0,0 +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"}

package/types/vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=vitest.d.ts.map

package/types/vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.d.ts","sourceRoot":"","sources":["../src/vitest.js"],"names":[],"mappings":""}

package/src/__tests__/__snapshots__/auto-cleanup-skip.test.js.snap

@@ -1,3 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`auto-cleanup-skip > second 1`] = `""`;

package/src/__tests__/_vitest-setup.js

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest'

package/src/__tests__/act.test.js

@@ -1,33 +0,0 @@
-import { setTimeout } from 'node:timers/promises'
-
-import { act, render } from '@testing-library/svelte'
-import { describe, expect, test } from 'vitest'
-
-import Comp from './fixtures/Comp.svelte'
-
-describe('act', () => {
-  test('state updates are flushed', async () => {
-    const { getByText } = render(Comp)
-    const button = getByText('Button')
-
-    expect(button).toHaveTextContent('Button')
-
-    await act(() => {
-      button.click()
-    })
-
-    expect(button).toHaveTextContent('Button Clicked')
-  })
-
-  test('accepts async functions', async () => {
-    const { getByText } = render(Comp)
-    const button = getByText('Button')
-
-    await act(async () => {
-      await setTimeout(100)
-      button.click()
-    })
-
-    expect(button).toHaveTextContent('Button Clicked')
-  })
-})

package/src/__tests__/auto-cleanup-skip.test.js

@@ -1,23 +0,0 @@
-import { beforeAll, describe, expect, test } from 'vitest'
-
-import Comp from './fixtures/Comp.svelte'
-
-describe('auto-cleanup-skip', () => {
-  let render
-
-  beforeAll(async () => {
-    process.env.STL_SKIP_AUTO_CLEANUP = 'true'
-    const stl = await import('@testing-library/svelte')
-    render = stl.render
-  })
-
-  // This one verifies that if STL_SKIP_AUTO_CLEANUP is set
-  // then we DON'T auto-wire up the afterEach for folks
-  test('first', () => {
-    render(Comp, { props: { name: 'world' } })
-  })
-
-  test('second', () => {
-    expect(document.body.innerHTML).toMatchSnapshot()
-  })
-})