How to use the systemjs.import function in systemjs

// SYSTEM JS
var System = require('systemjs');
require('./build/server/environment');
require('./build/config');

System.import('server/index');

before(() => {

    chokidarServer = chokidarEvEmitter({port: 8090, path: 'test/fixtures-es6-react-project/public/'})

    return System.import('hot-reloader').then(function (HotReloader) {
      console.log(HotReloader.default)
      hr = new HotReloader.default('http://localhost:8090')
      return System.import('test/fixtures-es6-react-project/public/app').then(function (_testApp_) {
        console.log('ran at ', new Date())
        testApp = _testApp_
      })
    })
  })

export async function mockArvaViewDependencies() {
    mockDependency('famous/surfaces/ImageSurface.js');
    mockDependency('famous/surfaces/ContainerSurface.js', () => ({add: () => {}}));
    mockDependency('famous/core/Context.js', () => ({add: () => {}}) );
    mockDependency('css', {fetch: () => 'export default "";'});

    await mockDOMGlobals();
    let ElementOutput = await System.import('famous/core/ElementOutput');
    let Decorators = await System.import('arva-js/layout/Decorators.js');
    Decorators.layout.margins = () => (() => {});

    //Mock for the Famous Surface
    mockDependency('./ElementOutput.js', ElementOutput);
    mockDependency('famous/core/Group.js');
    mockDependency('famous/utilities/Timer.js');
    mockDependency('arva-js/layout/Decorators.js', Decorators);
    mockDependency('arva-js/utils/Injection.js', { Injection: { get: (something) => new something() } });
    mockDependency('famous-flex/LayoutUtility.js', { registerHelper: () => {} });
    mockDependency('famous-flex/FlexScrollView.js', () => ({ options: {} }));
    mockDependency('famous-flex/ScrollController.js', () => ({ pipe: () => {} }));
}

/**
 * Created by tom on 23/10/15.
 */

import System                   from 'systemjs';
import sinon                    from 'sinon';
import '../../config.js';
import requestAnimationFrame        from 'request-animation-frame-mock';

let onSystemReady = System.import('./test/meta/DummyFile.js');

export function mockDependency(dependency, replacement) {

    if (!replacement) {
        replacement = sinon.stub();
    }
    if (typeof replacement === 'function') {
        replacement = {default: replacement};
    }

    System.delete(System.normalizeSync(dependency));
    System.set(System.normalizeSync(dependency), System.newModule(replacement));
}

export async function mockArvaViewDependencies() {
    mockDependency('famous/surfaces/ImageSurface.js');

export async function mockArvaViewDependencies() {
    mockDependency('famous/surfaces/ImageSurface.js');
    mockDependency('famous/surfaces/ContainerSurface.js', () => ({add: () => {}}));
    mockDependency('famous/core/Context.js', () => ({add: () => {}}) );
    mockDependency('css', {fetch: () => 'export default "";'});

    await mockDOMGlobals();
    let ElementOutput = await System.import('famous/core/ElementOutput');
    let Decorators = await System.import('arva-js/layout/Decorators.js');
    Decorators.layout.margins = () => (() => {});

    //Mock for the Famous Surface
    mockDependency('./ElementOutput.js', ElementOutput);
    mockDependency('famous/core/Group.js');
    mockDependency('famous/utilities/Timer.js');
    mockDependency('arva-js/layout/Decorators.js', Decorators);
    mockDependency('arva-js/utils/Injection.js', { Injection: { get: (something) => new something() } });
    mockDependency('famous-flex/LayoutUtility.js', { registerHelper: () => {} });
    mockDependency('famous-flex/FlexScrollView.js', () => ({ options: {} }));
    mockDependency('famous-flex/ScrollController.js', () => ({ pipe: () => {} }));
}

System.config({
  map: { 'rxjs': path.join(__dirname, '..', '..', 'dist', 'cjs', '/') },
  packages: {
    'rxjs': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/ajax': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/fetch': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/operators': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/testing': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/webSocket': {main: 'index.js', defaultExtension: 'js' }
  }
});

Promise.all([
  System.import('rxjs'),
  System.import('rxjs/ajax'),
  System.import('rxjs/fetch'),
  System.import('rxjs/operators'),
  System.import('rxjs/testing'),
  System.import('rxjs/webSocket'),
]).then(
  function () { console.log('Successfully tested all entry-points with SystemJS!'); },
  function (error) {
    console.error('\n\nFailed to load an entry-points via SystemJS: \n\n', error.message);
    process.exit(-1);
  }
);

System.config({
  map: { 'rxjs': path.join(__dirname, '..', '..', 'dist', 'cjs', '/') },
  packages: {
    'rxjs': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/ajax': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/fetch': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/operators': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/testing': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/webSocket': {main: 'index.js', defaultExtension: 'js' }
  }
});

Promise.all([
  System.import('rxjs'),
  System.import('rxjs/ajax'),
  System.import('rxjs/fetch'),
  System.import('rxjs/operators'),
  System.import('rxjs/testing'),
  System.import('rxjs/webSocket'),
]).then(
  function () { console.log('Successfully tested all entry-points with SystemJS!'); },
  function (error) {
    console.error('\n\nFailed to load an entry-points via SystemJS: \n\n', error.message);
    process.exit(-1);
  }
);

'rxjs': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/ajax': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/fetch': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/operators': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/testing': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/webSocket': {main: 'index.js', defaultExtension: 'js' }
  }
});

Promise.all([
  System.import('rxjs'),
  System.import('rxjs/ajax'),
  System.import('rxjs/fetch'),
  System.import('rxjs/operators'),
  System.import('rxjs/testing'),
  System.import('rxjs/webSocket'),
]).then(
  function () { console.log('Successfully tested all entry-points with SystemJS!'); },
  function (error) {
    console.error('\n\nFailed to load an entry-points via SystemJS: \n\n', error.message);
    process.exit(-1);
  }
);

packages: {
    'rxjs': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/ajax': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/fetch': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/operators': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/testing': {main: 'index.js', defaultExtension: 'js' },
    'rxjs/webSocket': {main: 'index.js', defaultExtension: 'js' }
  }
});

Promise.all([
  System.import('rxjs'),
  System.import('rxjs/ajax'),
  System.import('rxjs/fetch'),
  System.import('rxjs/operators'),
  System.import('rxjs/testing'),
  System.import('rxjs/webSocket'),
]).then(
  function () { console.log('Successfully tested all entry-points with SystemJS!'); },
  function (error) {
    console.error('\n\nFailed to load an entry-points via SystemJS: \n\n', error.message);
    process.exit(-1);
  }
);

require('./systemjs.server.js');

System.config({
  paths: {
    'npm:': 'node_modules/'
  },
  map: {
    app: 'server/server',
    lodash: 'npm:lodash/lodash.js'
  },
  packages: {
    lodash: { defaultExtension: 'js' }
  }
});

System.import('app').catch(function (err) {
  console.error(err);
});