Convert JSON file to a module for importing

build-json-modules.js

var Funnel = require('broccoli-funnel');
var jsonToModule = require('broccoli-json-module');
var esTranspiler = require('broccoli-babel-transpiler');
var concat = require('broccoli-concat');

/**
 * @method buildJsonModules
 * @param {String} sourceFolder name of folder in root of repo, no nesting, e.g. 'fixtures'
 * @param {String} destinationFolder name of folder within final dist, e.g. 'assets'
 * @return {Object} node concatination of .json modules as a single output file destination/source.js
 */
module.exports = function buildJsonModules(sourceFolder, destinationFolder) {
  var jsonNode = new Funnel(sourceFolder, {
    include: ['**/*.json'],
    destDir: `/${destinationFolder}`
  });
  var jsonModules = jsonToModule(jsonNode);
  var transpiled = esTranspiler(jsonModules, {
    modules: 'amd',
    moduleIds: true,
    getModuleId: function (name) {
      // name the module begining with the source folder instead of destination
      return name.replace(new RegExp(destinationFolder), sourceFolder);
    }
  });
  return concat(transpiled, {
    outputFile: `/${destinationFolder}/${sourceFolder}.js`,
    sourceMapConfig: { enabled: false }
  });
}

ember-cli-build.js

/* eslint-env node */
'use strict';

const EmberApp = require('ember-cli/lib/broccoli/ember-app');
const buildJsonModules = require('./lib/build-json-modules');

module.exports = function(defaults) {
  let app = new EmberApp(defaults);

  let trees = [];
  if (EmberApp.env() === 'test') {
    const fixtures = buildJsonModules('fixtures', 'assets');
    trees.push(fixtures);
  }
  return app.toTree(trees);
};

stringify-amd.js

export default function stringify(moduleDefaultObject) {
  return JSON.stringify(moduleDefaultObject, circularReplacer, 1);
}

function circularReplacer(key, val) {
  // AMD default import as object has circular reference to `default`
  return (val === this) ? undefined : val;
}

Place your JSON files in a fixtures as sibling to test, then import like so:

Add to tests/index.html:

<script src="{{rootURL}}assets/fixtures.js"></script>

And in a test file, with example XHR mock via Sinon.JS:

import fixture from 'fixtures/sessions/current-user';
import stringify from 'app-name/tests/helpers/stringify-amd';

this.sandbox.server.respondWith(
  'GET',
  `${rootUrl}/sessions/current-user`,
  [200, { "Content-Type": "application/json; charset=utf-8" }, stringify(fixture)]
);

You'll need some dependencies in your package.json:

    "broccoli-babel-transpiler": "^5.7.1",
    "broccoli-concat": "^3.2.2",
    "broccoli-es6-concatenator": "^0.1.11",
    "broccoli-funnel": "^1.2.0",
    "broccoli-json-module": "^1.0.0",

Working example (not really and addon yet) https://gitlab.com/pixelhandler/ember-cli-json-modules

• build with ember b --environment=test and see the fixtures as named AMD modules in the dist directory