fix(readme): update readme file with how to use section

Author: jabro86

README.md

@@ -1,13 +1,41 @@
 # redux-testing-library
 
+Simple and maintainable tests for your react/redux application inspired by [react-testing-library](https://testing-library.com/).
+
 [![Build Status](https://travis-ci.org/jabro86/redux-testing-library.svg?branch=master)](https://travis-ci.org/jabro86/redux-testing-library)
 [![Coverage Status](https://coveralls.io/repos/github/jabro86/redux-testing-library/badge.svg?branch=master)](https://coveralls.io/github/jabro86/redux-testing-library?branch=master)
 [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-Simple and maintainable tests for your react/redux application inspired by [react-testing-library](https://testing-library.com/).
+## Features
 
-- write simple and reliable integration tests
+- simple data-driven integration tests
 - dispatch actions, wait for store changes and assert the result
-- do not test implementation details: just rely on actions and selectors
+- do not test implementation details: just rely on your actions and selectors
+- it also covers all middleware functionalities, e.g. async code via redux-saga
 - includes the full power of react-testing-library (no other dependencies)
+
+## How to use?
+
+```typescript
+import * as React from "react";
+import { render } from "redux-testing-library";
+
+import { TodoApp, TodoActions, TodoSelectors } from "./example";
+
+describe("todo app", () => {
+  describe("when addTodo action is dispatched with a given text as payload", () => {
+    it("adds a todo item with the given text to the store", async () => {
+      const { store, waitForStoreChange } = render(<TodoApp.UI />, TodoApp.store);
+
+      store.dispatch(TodoActions.addTodo("Do homework!"));
+
+      await waitForStoreChange(state => {
+        expect(TodoSelectors.getTodos(state)).toStrictEqual([
+          { id: 0, completed: false, text: "Do homework!" }
+        ]);
+      });
+    });
+  });
+});
+```

test/example/index.tsx

@@ -7,11 +7,13 @@ import rootReducer from "./reducers";
 import * as TodoActions from "./actions";
 import * as TodoSelectors from "./selectors";
 
-export const store = createStore(rootReducer);
-export const TodoApp: React.ComponentType = () => (
-  <Provider store={store}>
-    <App />
-  </Provider>
-);
+export const TodoApp = {
+  store: createStore(rootReducer),
+  UI: () => (
+    <Provider store={TodoApp.store}>
+      <App />
+    </Provider>
+  )
+};
 
 export { TodoActions, TodoSelectors };

test/redux-testing-library.test.tsx

@@ -1,17 +1,14 @@
 import * as React from "react";
 
 import { render } from "../src/redux-testing-library";
-import { TodoApp, store, TodoActions, TodoSelectors } from "./example";
+import { TodoApp, TodoActions, TodoSelectors } from "./example";
 
 describe("todo app", () => {
   describe("when addTodo action is dispatched with a given text as payload", () => {
     it("adds a todo item with the given text to the store", async () => {
-      const {
-        store: { dispatch },
-        waitForStoreChange
-      } = render(<TodoApp />, store);
+      const { store, waitForStoreChange } = render(<TodoApp.UI />, TodoApp.store);
 
-      dispatch(TodoActions.addTodo("Do homework!"));
+      store.dispatch(TodoActions.addTodo("Do homework!"));
 
       await waitForStoreChange(state => {
         expect(TodoSelectors.getTodos(state)).toStrictEqual([