From 333ebe71246ef6194e2c7d45ce93613f6cd63d87 Mon Sep 17 00:00:00 2001
From: Ben Monro <ben.monro@pwc.com>
Date: Fri, 3 May 2019 08:01:50 -0700
Subject: [PATCH] feat: spread all of options on component

---
 README.md             | 32 +++++++++++++++++++++-----------
 src/index.js          |  8 ++++----
 tests/queries.spec.js |  4 ++--
 3 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 9c85514..ade02eb 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 
 ## Installation
 
-`npm i -D svelte-testing-library`
+`npm i -D svlt-testing-library`
 
 ## Usage
 
@@ -12,7 +12,7 @@ App.svelte
 
 ```html
 <script>
-  export let name;
+  export let name
 </script>
 
 <style>
@@ -27,13 +27,23 @@ App.svelte
 App.spec.js
 
 ```javascript
-import App from "../src/App.svelte";
-import { render } from "../src";
-describe("App", () => {
-  test("should render", () => {
-    const { getByText } = render(App, { name: "world" });
-
-    expect(getByText("Hello world!"));
-  });
-});
+import App from '../src/App.svelte'
+import {render} from '../src'
+describe('App', () => {
+  test('should render greeting', () => {
+    const {getByText} = render(App, {props: {name: 'world'}})
+
+    expect(getByText('Hello world!'))
+  })
+
+  test('should change button text after click', async () => {
+    const {getByText} = render(App, {props: {name: 'world'}})
+
+    fireEvent.click(getByText('Button Text'))
+
+    const button = await waitForElement(() => getByText('Button Clicked'))
+
+    expect(button).toBeInTheDocument()
+  })
+})
 ```
diff --git a/src/index.js b/src/index.js
index 3a4f8dd..ac3819a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,12 +2,12 @@ import {getQueriesForElement} from 'dom-testing-library'
 
 export * from 'dom-testing-library'
 const mountedContainers = new Set()
-export const render = (Component, props) => {
-  const container = document.body.appendChild(document.createElement('div'))
+export const render = (Component, options) => {
+  const target = document.body.appendChild(document.createElement('div'))
 
   const rendered = new Component({
-    target: container,
-    props,
+    ...options,
+    target,
   })
 
   mountedContainers.add(rendered)
diff --git a/tests/queries.spec.js b/tests/queries.spec.js
index c21548e..ab857f7 100644
--- a/tests/queries.spec.js
+++ b/tests/queries.spec.js
@@ -5,13 +5,13 @@ import 'jest-dom/extend-expect'
 afterEach(cleanup)
 describe('queries', () => {
   test('getByText', () => {
-    const {getByText} = render(App, {name: 'world'})
+    const {getByText} = render(App, {props: {name: 'world'}})
 
     expect(getByText('Hello world!')).toBeInTheDocument()
   })
 
   test('click button', async () => {
-    const {getByText} = render(App, {name: 'world'})
+    const {getByText} = render(App, {props: {name: 'world'}})
 
     fireEvent.click(getByText('Button Text'))