@testing-library/svelte 3.1.3 → 3.2.0

package/README.md

@@ -135,6 +135,7 @@ Thanks goes to these people ([emoji key][emojis]):
     <td align="center"><a href="https://github.com/ronmerkin"><img src="https://avatars.githubusercontent.com/u/17492527?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ron Merkin</b></sub></a><br /><a href="https://github.com/testing-library/svelte-testing-library/commits?author=ronmerkin" title="Code">💻</a></td>
     <td align="center"><a href="http://www.benmccann.com"><img src="https://avatars.githubusercontent.com/u/322311?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ben McCann</b></sub></a><br /><a href="https://github.com/testing-library/svelte-testing-library/commits?author=benmccann" title="Tests">⚠️</a></td>
     <td align="center"><a href="https://johnbowser.dev/"><img src="https://avatars.githubusercontent.com/u/66637570?v=4?s=100" width="100px;" alt=""/><br /><sub><b>John Bowser</b></sub></a><br /><a href="https://github.com/testing-library/svelte-testing-library/commits?author=jgbowser" title="Code">💻</a> <a href="https://github.com/testing-library/svelte-testing-library/commits?author=jgbowser" title="Tests">⚠️</a></td>
+    <td align="center"><a href="https://github.com/ysaskia"><img src="https://avatars.githubusercontent.com/u/1370679?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Yoann</b></sub></a><br /><a href="https://github.com/testing-library/svelte-testing-library/commits?author=ysaskia" title="Code">💻</a></td>
   </tr>
 </table>
 

package/dist/pure.js

@@ -41,7 +41,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 const containerCache = new Map();
 const componentCache = new Set();
-const svelteComponentOptions = ['anchor', 'props', 'hydrate', 'intro', 'context'];
+const svelteComponentOptions = ['accessors', 'anchor', 'props', 'hydrate', 'intro', 'context'];
 
 const render = (Component, _ref = {}, {
   container,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testing-library/svelte",
-  "version": "3.1.3",
+  "version": "3.2.0",
   "description": "Simple and complete Svelte testing utilities that encourage good testing practices.",
   "main": "dist/index.js",
   "types": "types/index.d.ts",

package/types/index.d.ts

@@ -3,22 +3,24 @@
 // Definitions by: Rahim Alwer <https://github.com/mihar-22>
 
 import {queries, Queries, BoundFunction, EventType} from '@testing-library/dom'
-import { SvelteComponent } from 'svelte/types/runtime'
+import { SvelteComponent, ComponentProps } from 'svelte/types/runtime'
 
 export * from '@testing-library/dom'
 
-type SvelteComponentOptions = any
+type SvelteComponentOptions<C extends SvelteComponent> = ComponentProps<C> | {props: ComponentProps<C>}
 
 type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>
 
+type Constructor<T> = new (...args: any[]) => T;
+
 /**
  * Render a Component into the Document.
  */
-export type RenderResult<Q extends Queries = typeof queries> = {
+export type RenderResult<C extends SvelteComponent, Q extends Queries = typeof queries> = {
   container: HTMLElement
-  component: SvelteComponent
+  component: C
   debug: (el?: HTMLElement | DocumentFragment) => void
-  rerender: (options: SvelteComponentOptions) => void
+  rerender: (options: SvelteComponentOptions<C>) => void
   unmount: () => void
 } & { [P in keyof Q]: BoundFunction<Q[P]> }
 
@@ -27,17 +29,17 @@ export interface RenderOptions<Q extends Queries = typeof queries> {
   queries?: Q
 }
 
-export function render(
-  component: typeof SvelteComponent,
-  componentOptions?: SvelteComponentOptions,
+export function render<C extends SvelteComponent>(
+  component: C,
+  componentOptions?: SvelteComponentOptions<C>,
   renderOptions?: Omit<RenderOptions, 'queries'>
-): RenderResult
+): RenderResult<C>
 
-export function render<Q extends Queries>(
-  component: typeof SvelteComponent,
-  componentOptions?: SvelteComponentOptions,
+export function render<C extends SvelteComponent, Q extends Queries>(
+  component: Constructor<C>,
+  componentOptions?: SvelteComponentOptions<C>,
   renderOptions?: RenderOptions<Q>,
-): RenderResult<Q>
+): RenderResult<C, Q>
 
 /**
  * Unmounts trees that were mounted with render.