Fix setting up middlewares when creating gutenberg stores

index.js

@@ -1,6 +1,6 @@
 /** @flow
  * @format */
 
-import { AppRegistry } from 'react-native';
-import App from './src/app/App';
-AppRegistry.registerComponent( 'gutenberg', () => App );
+import { setupApp } from './src';
+
+setupApp();

src/app/App.js

@@ -1,29 +1,10 @@
 /** @flow
  * @format */
-
-import '../globals';
-
 import React from 'react';
 
-// Gutenberg imports
-import { registerCoreBlocks } from '@wordpress/block-library';
-import { registerBlockType, setUnregisteredTypeHandlerName, unregisterBlockType } from '@wordpress/blocks';
-
 import AppContainer from './AppContainer';
 import initialHtml from './initial-html';
 
-import * as UnsupportedBlock from '../block-types/unsupported-block/';
-
-registerCoreBlocks();
-registerBlockType( UnsupportedBlock.name, UnsupportedBlock.settings );
-setUnregisteredTypeHandlerName( UnsupportedBlock.name );
-
-// disable Code and More blocks for release
-if ( ! __DEV__ ) {
-	unregisterBlockType( 'core/code' );
-	unregisterBlockType( 'core/more' );
-}
-
 type PropsType = {
 	initialData: string,
 	initialHtmlModeEnabled: boolean,

src/app/App.test.js

@@ -2,11 +2,14 @@
 
 import renderer from 'react-test-renderer';
 
+import { setupApp } from '..';
 import App from './App';
 import BlockHolder from '../block-management/block-holder';
 import { dispatch, select } from '@wordpress/data';
 
 describe( 'App', () => {
+	beforeAll( setupApp );
+
 	it( 'renders without crashing', () => {
 		const app = renderer.create( <App /> );
 		const rendered = app.toJSON();

src/index.js

@@ -0,0 +1,48 @@
+// External dependencies
+import { AppRegistry } from 'react-native';
+
+// Setting up environment
+import './globals';
+
+const gutenbergSetup = () => {
+	const apiFetch = require( '@wordpress/api-fetch' ).default;
+	const wpData = require( '@wordpress/data' );
+
+	// wp-api-fetch
+	apiFetch.use( apiFetch.createRootURLMiddleware( 'https://public-api.wordpress.com/' ) );
+
+	// wp-data
+	const userId = 1;
+	const storageKey = 'WP_DATA_USER_' + userId;
+	wpData.use( wpData.plugins.persistence, { storageKey: storageKey } );
+	wpData.use( wpData.plugins.controls );
+};
+
+const editorSetup = () => {
+	const wpBlockLibrary = require( '@wordpress/block-library' );
+	const wpBlocks = require( '@wordpress/blocks' );
+	const registerCoreBlocks = wpBlockLibrary.registerCoreBlocks;
+	const registerBlockType = wpBlocks.registerBlockType;
+	const setUnregisteredTypeHandlerName = wpBlocks.setUnregisteredTypeHandlerName;
+	const unregisterBlockType = wpBlocks.unregisterBlockType;
+	const UnsupportedBlock = require( './block-types/unsupported-block' );
+
+	// register and setup blocks
+	registerCoreBlocks();
+	registerBlockType( UnsupportedBlock.name, UnsupportedBlock.settings );
+	setUnregisteredTypeHandlerName( UnsupportedBlock.name );
+
+	// disable Code and More blocks for release
+	if ( ! __DEV__ ) {
+		unregisterBlockType( 'core/code' );
+		unregisterBlockType( 'core/more' );
+	}
+};
+
+export function setupApp() {
+	gutenbergSetup();
+	editorSetup();
+
+	// Making sure the environment is set up before loading any Component
+	AppRegistry.registerComponent( 'gutenberg', () => require( './app/App' ).default );
+}