feat(demos): use blueprint components for amd-module-loader demo (#196)

packages/demos/src/amd-module-loader/feature-app.tsx

@@ -1,3 +1,4 @@
+import {Card, Label} from '@blueprintjs/core';
 import {ReactFeatureApp} from '@feature-hub/react';
 import * as React from 'react';
 
@@ -6,7 +7,11 @@ export default {
 
   create(): ReactFeatureApp {
     return {
-      render: () => <span>Hello, World!</span>
+      render: () => (
+        <Card style={{margin: '20px'}}>
+          <Label>Hello, World!</Label>
+        </Card>
+      )
     };
   }
 };

packages/demos/src/amd-module-loader/index.test.ts

@@ -4,26 +4,27 @@
 
 import {Server} from 'http';
 import {AddressInfo} from 'net';
+import {Browser} from '../browser';
 import {startServer} from '../start-server';
 import webpackConfigs from './webpack-config';
 
 jest.setTimeout(60000);
 
 describe('integration test: "amd module loader"', () => {
+  const browser = new Browser(5000);
+
   let server: Server;
 
   beforeAll(async () => {
     server = await startServer(webpackConfigs);
-  });
-
-  afterAll(done => server.close(done));
 
-  beforeEach(async () => {
     const {port} = server.address() as AddressInfo;
 
-    await page.goto(`http://localhost:${port}`);
+    await browser.goto(`http://localhost:${port}`, 60000);
   });
 
+  afterAll(done => server.close(done));
+
   it('loads the feature app with react as external', async () => {
     await expect(page).toMatch('Hello, World!');
   });

packages/demos/src/amd-module-loader/integrator.tsx

@@ -4,6 +4,9 @@ import {FeatureAppLoader} from '@feature-hub/react';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
+// tslint:disable-next-line:no-import-side-effect
+import '../blueprint-css';
+
 const registry = new FeatureServiceRegistry();
 const manager = new FeatureAppManager(registry, {moduleLoader: loadAmdModule});
 

packages/demos/src/blueprint-css.ts

@@ -0,0 +1,5 @@
+// tslint:disable
+
+import 'normalize.css/normalize.css';
+import '@blueprintjs/icons/lib/css/blueprint-icons.css';
+import '@blueprintjs/core/lib/css/blueprint.css';

packages/demos/src/history-service/integrator.tsx

@@ -7,11 +7,8 @@ import * as ReactDOM from 'react-dom';
 import {historyConsumerDefinition} from './history-consumer-definition';
 import {rootLocationTransformer} from './root-location-transformer';
 
-// tslint:disable
-import 'normalize.css/normalize.css';
-import '@blueprintjs/icons/lib/css/blueprint-icons.css';
-import '@blueprintjs/core/lib/css/blueprint.css';
-// tslint:enable
+// tslint:disable-next-line:no-import-side-effect
+import '../blueprint-css';
 
 const registry = new FeatureServiceRegistry();