Fix TS types, add tests for Network

src/DeviceMotion/DeviceMotion.tsx

@@ -17,7 +17,7 @@ export interface DeviceMotionProps {
 }
 
 export class DeviceMotion extends React.Component<
-  SharedRenderProps<{}>,
+  SharedRenderProps<DeviceMotionProps>,
   DeviceMotionProps
 > {
   state: DeviceMotionProps = {

src/DeviceOrientation/DeviceOrientation.tsx

@@ -17,7 +17,7 @@ export interface DeviceOrientationProps {
 }
 
 export class DeviceOrientation extends React.Component<
-  SharedRenderProps<{}>,
+  SharedRenderProps<DeviceOrientationProps>,
   DeviceOrientationProps
 > {
   state: DeviceOrientationProps = {

src/GeoPosition/GeoPosition.tsx

@@ -19,7 +19,7 @@ export interface GeoPositionProps {
 }
 
 export class GeoPosition extends React.Component<
-  SharedRenderProps<{}>,
+  SharedRenderProps<GeoPositionProps>,
   GeoPositionProps
 > {
   geoId: any;

src/Locales/Locales.tsx

@@ -21,7 +21,7 @@ declare namespace Intl {
 }
 
 export class Locales extends React.Component<
-  SharedRenderProps<{}>,
+  SharedRenderProps<LocalesProps>,
   LocalesProps
 > {
   state: LocalesProps = { locale: this.preferredLocales() };

src/Network/Network.tsx

@@ -15,7 +15,7 @@ export interface NetworkProps {
 }
 
 export class Network extends React.Component<
-  SharedRenderProps<{}>,
+  SharedRenderProps<NetworkProps>,
   NetworkProps
 > {
   state: NetworkProps = { online: false };

src/Network/__tests__/Network.test.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import { Network } from '../';
+
+describe('<Network />', () => {
+  describe('<Network render />', () => {
+    const node = document.createElement('div');
+
+    afterEach(() => {
+      ReactDOM.unmountComponentAtNode(node);
+    });
+
+    it('receives { x, y } props', () => {
+      ReactDOM.render(
+        <Network
+          render={props => expect(props).toEqual({ online: false }) || null}
+        />,
+        node
+      );
+    });
+
+    it('renders elements', () => {
+      ReactDOM.render(<Network render={() => <div>online</div>} />, node);
+
+      expect(node.innerHTML.includes('online')).toBe(true);
+    });
+  });
+});

src/Network/__tests__/withNetwork.test.tsx

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import { withNetwork } from '../';
+
+describe('withNetwork()', () => {
+  const node = document.createElement('div');
+
+  afterEach(() => {
+    ReactDOM.unmountComponentAtNode(node);
+  });
+
+  it('receives { online } props', () => {
+    const hello = 'hi';
+
+    const WrappedComponent = withNetwork<{ hello: string }>(
+      props => expect(props).toEqual({ online: false, hello }) || null
+    );
+
+    ReactDOM.render(<WrappedComponent hello={hello} />, node);
+  });
+
+  // it('renders elements and passes thru props', () => {
+  //   const hello = 'hi';
+
+  //   const WrappedComponent = withNetwork<{ hello: string }>(props => (
+  //     <div>
+  //       x: {props.x}, y: {props.y} {hello}
+  //     </div>
+  //   ));
+
+  //   ReactDOM.render(<WrappedComponent hello={hello} />, node);
+
+  //   expect(node.innerHTML.includes('0')).toBe(true);
+  //   expect(node.innerHTML.includes('hi')).toBe(true);
+  // });
+});