Add 2 tests: default state, method use

__tests__/create-store.spec.tsx

@@ -0,0 +1,77 @@
+import React, { Children } from "react";
+import { create, act } from "react-test-renderer";
+import { createUseStore } from "../src/create-store";
+
+type State = {
+  data?: string;
+  isLoading?: boolean;
+};
+
+const defaultState: State = {
+  isLoading: true
+};
+
+const methods = {
+  setData: (_: State) => (data: string) => ({
+    isLoading: false,
+    data
+  })
+};
+
+const createUseTestStore = () => createUseStore(defaultState, methods);
+
+describe("React Localux", () => {
+  it("renders correctly initial state", () => {
+    const useStore = createUseTestStore();
+
+    function Root() {
+      return (
+        <useStore.Provider initialState={defaultState}>
+          <Item />
+        </useStore.Provider>
+      );
+    }
+
+    function Item() {
+      const { state } = useStore();
+      return <div>{JSON.stringify(state)}</div>;
+    }
+
+    const app = create(<Root />);
+    expect(app.root.findByType(Item).findByType("div").children).toEqual([
+      JSON.stringify(defaultState)
+    ]);
+  });
+
+  it("renders correctly on method call", () => {
+    const useStore = createUseTestStore();
+
+    function Root() {
+      return (
+        <useStore.Provider initialState={defaultState}>
+          <State />
+          <ItemWithMethodCall />
+        </useStore.Provider>
+      );
+    }
+
+    function State() {
+      const { state } = useStore();
+      return <>{JSON.stringify(state)}</>;
+    }
+
+    function ItemWithMethodCall() {
+      const { methods } = useStore();
+      return <button onClick={() => methods.setData("test data")}>Op</button>;
+    }
+
+    const app = create(<Root />);
+    act(() => {
+      app.root.findByType("button").props.onClick();
+    });
+
+    expect(app.root.findByType(State).children).toEqual([
+      JSON.stringify({ isLoading: false, data: "test data" })
+    ]);
+  });
+});

babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ]
+};

example/example.tsx

@@ -58,7 +58,9 @@ function StateSlice() {
   return useMemo(
     () => (
       <div>
-        <p>This component rerenders only on error occurance</p>
+        <p>
+          This component rerenders only on state.error changes (error on load)
+        </p>
         <p>{`Rerender counter: ${stateSliceRerenderingCounter++}`}</p>
         <button onClick={loadItem(methods)}>
           Load item from memo component