Merge branch 'main' into allow-all-elements

Author: yanick

.github/workflows/release.yml

@@ -12,17 +12,17 @@ jobs:
     if: ${{ !contains(github.head_ref, 'all-contributors') }}
     strategy:
       matrix:
-        node: [10.x, 12.x]
+        node: [10, 12, 14, 16]
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs
-        uses: styfle/[email protected].0
+        uses: styfle/[email protected].1
 
       - name: ⬇️ Checkout repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: ⎔ Setup node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
 
@@ -35,7 +35,7 @@ jobs:
         run: npm run validate
 
       - name: ⬆️ Upload coverage report
-        uses: codecov/codecov-action@v1
+        uses: codecov/codecov-action@v2
 
   release:
     needs: main
@@ -46,15 +46,15 @@ jobs:
       github.ref) && github.event_name == 'push' }}
     steps:
       - name: 🛑 Cancel Previous Runs
-        uses: styfle/[email protected].0
+        uses: styfle/[email protected].1
 
       - name: ⬇️ Checkout repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: ⎔ Setup node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
 
       - name: 📥 Download deps
         uses: bahmutov/npm-install@v1

types/index.d.ts

@@ -3,11 +3,18 @@
 // 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 { SvelteComponentTyped } from 'svelte/types/runtime'
 
 export * from '@testing-library/dom'
 
-type SvelteComponentOptions = any
+export interface SvelteComponentOptions<P extends Record<string, any> = any>  {
+  target?: HTMLElement
+  anchor?: string
+  props?: P
+  context?: any
+  hydrate?: boolean
+  intro?: boolean
+}
 
 type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>
 
@@ -16,7 +23,7 @@ type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>
  */
 export type RenderResult<Q extends Queries = typeof queries> = {
   container: Element
-  component: SvelteComponent
+  component: SvelteComponentTyped
   debug: (el?: Element | DocumentFragment) => void
   rerender: (options: SvelteComponentOptions) => void
   unmount: () => void
@@ -28,17 +35,27 @@ export interface RenderOptions<Q extends Queries = typeof queries> {
 }
 
 export function render(
-  component: typeof SvelteComponent,
+  component: SvelteComponentTyped,
   componentOptions?: SvelteComponentOptions,
   renderOptions?: Omit<RenderOptions, 'queries'>
 ): RenderResult
 
 export function render<Q extends Queries>(
-  component: typeof SvelteComponent,
+  component: SvelteComponentTyped,
   componentOptions?: SvelteComponentOptions,
   renderOptions?: RenderOptions<Q>,
 ): RenderResult<Q>
 
+export function render<
+  P extends Record<string, any> = any,
+  E extends Record<string, any> = any,
+  S extends Record<string, any> = any
+>(
+  component: SvelteComponentTyped<P, E, S>,
+  componentOptions?: SvelteComponentOptions<P>,
+  renderOptions?: Omit<RenderOptions, "queries">
+): RenderResult;
+
 /**
  * Unmounts trees that were mounted with render.
  */