simple_mde_test

controllers.action-with-mut.js

import Ember from 'ember';

export default Ember.Controller.extend({
  longString: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt tortor sit amet elit molestie laoreet. Curabitur quis ligula lacus. Proin et auctor ipsum, ut blandit neque. Nullam bibendum ante a lacus luctus, eu commodo metus tincidunt. Pellentesque ac nunc velit. Maecenas porta sodales eros, ac congue dui consectetur ac. Phasellus interdum sed nibh quis porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed convallis mollis neque ac accumsan. Quisque accumsan auctor ex, at sollicitudin tortor ultricies vitae. Curabitur at nunc eu ligula pretium maximus. Aliquam vehicula velit neque, ut convallis nisi tempor sed. Quisque a ipsum gravida, malesuada sem ac, pellentesque elit.Pellentesque habitant morbi tristique\n\n senectus et netus et malesuada fames ac turpis egestas. Curabitur eu vulputate erat, at condimentum magna. Integer tincidunt elit ante, sit amet pulvinar enim fringilla at. Nam facilisis metus quis nisl vehicula, in consectetur orci rutrum. Duis vitae semper nibh, rhoncus blandit purus. Nam metus augue, aliquam vitae interdum id, luctus non ante. Nullam tempus lacus sed elit gravida, vel scelerisque dui congue. Quisque luctus, est eu tristique efficitur, odio odio vehicula justo, eget tincidunt massa erat vel ex. Nunc eu libero placerat, eleifend odio et, pulvinar ex. Curabitur a molestie libero.Vestibulum id erat vel erat mollis dictum sed eu tellus.\n\n Sed vel diam eget mauris tincidunt semper. Vivamus eu sodales quam, sed malesuada massa. Vestibulum sagittis massa a risus bibendum, non eleifend augue venenatis. Pellentesque vitae malesuada sapien, ac bibendum ipsum. Nam ligula odio, volutpat eu ipsum vel, convallis volutpat odio. Aliquam eu tellus lectus. Cras pharetra feugiat placerat. In hendrerit orci urna, eu condimentum nunc maximus et.Fusce cursus mauris et mi pharetra pulvinar. Quisque finibus pellentesque eros vel rhoncus. Ut id dolor a ligula feugiat congue. Donec tincidunt congue neque, vel vestibulum justo blandit sit amet. Phasellus iaculis luctus justo dignissim gravida.\n\n Suspendisse faucibus arcu vitae mauris aliquet tempor. Nulla tincidunt a est eu euismod. In molestie velit mauris, vitae porttitor lorem feugiat sit amet. Sed convallis augue sit amet eleifend scelerisque.Proin eget auctor ligula. Nulla ut consequat lorem. Aliquam pulvinar metus faucibus justo vestibulum maximus. Duis sed gravida lacus. Phasellus lacinia lacus vel mattis aliquet. Ut ullamcorper arcu ac nibh mollis convallis. Donec et nisl bibendum, rutrum justo nec, sodales magna. Nullam et dignissim lectus.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt tortor sit amet elit molestie laoreet. Curabitur quis ligula lacus. Proin et auctor ipsum, ut blandit neque. Nullam bibendum ante a lacus luctus, eu commodo metus tincidunt. Pellentesque ac nunc velit. Maecenas porta sodales eros, ac congue dui consectetur ac. Phasellus interdum sed nibh quis porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed convallis mollis neque ac accumsan. Quisque accumsan auctor ex, at sollicitudin tortor ultricies vitae. Curabitur at nunc eu ligula pretium maximus. Aliquam vehicula velit neque, ut convallis nisi tempor sed. Quisque a ipsum gravida, malesuada sem ac, pellentesque elit.Pellentesque habitant morbi tristique\n\n senectus et netus et malesuada fames ac turpis egestas. Curabitur eu vulputate erat, at condimentum magna. Integer tincidunt elit ante, sit amet pulvinar enim fringilla at. Nam facilisis metus quis nisl vehicula, in consectetur orci rutrum. Duis vitae semper nibh, rhoncus blandit purus. Nam metus augue, aliquam vitae interdum id, luctus non ante. Nullam tempus lacus sed elit gravida, vel scelerisque dui congue. Quisque luctus, est eu tristique efficitur, odio odio vehicula justo, eget tincidunt massa erat vel ex. Nunc eu libero placerat, eleifend odio et, pulvinar ex. Curabitur a molestie libero.Vestibulum id erat vel erat mollis dictum sed eu tellus.\n\n Sed vel diam eget mauris tincidunt semper. Vivamus eu sodales quam, sed malesuada massa. Vestibulum sagittis massa a risus bibendum, non eleifend augue venenatis. Pellentesque vitae malesuada sapien, ac bibendum ipsum. Nam ligula odio, volutpat eu ipsum vel, convallis volutpat odio. Aliquam eu tellus lectus. Cras pharetra feugiat placerat. In hendrerit orci urna, eu condimentum nunc maximus et.Fusce cursus mauris et mi pharetra pulvinar. Quisque finibus pellentesque eros vel rhoncus. Ut id dolor a ligula feugiat congue. Donec tincidunt congue neque, vel vestibulum justo blandit sit amet. Phasellus iaculis luctus justo dignissim gravida.\n\n Suspendisse faucibus arcu vitae mauris aliquet tempor. Nulla tincidunt a est eu euismod. In molestie velit mauris, vitae porttitor lorem feugiat sit amet. Sed convallis augue sit amet eleifend scelerisque.Proin eget auctor ligula. Nulla ut consequat lorem. Aliquam pulvinar metus faucibus justo vestibulum maximus. Duis sed gravida lacus. Phasellus lacinia lacus vel mattis aliquet. Ut ullamcorper arcu ac nibh mollis convallis. Donec et nisl bibendum, rutrum justo nec, sodales magna. Nullam et dignissim lectus."
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Simple MDE Test',
});

controllers.mutable-value.js

import Ember from 'ember';

export default Ember.Controller.extend({
  longString: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt tortor sit amet elit molestie laoreet. Curabitur quis ligula lacus. Proin et auctor ipsum, ut blandit neque. Nullam bibendum ante a lacus luctus, eu commodo metus tincidunt. Pellentesque ac nunc velit. Maecenas porta sodales eros, ac congue dui consectetur ac. Phasellus interdum sed nibh quis porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed convallis mollis neque ac accumsan. Quisque accumsan auctor ex, at sollicitudin tortor ultricies vitae. Curabitur at nunc eu ligula pretium maximus. Aliquam vehicula velit neque, ut convallis nisi tempor sed. Quisque a ipsum gravida, malesuada sem ac, pellentesque elit.Pellentesque habitant morbi tristique\n\n senectus et netus et malesuada fames ac turpis egestas. Curabitur eu vulputate erat, at condimentum magna. Integer tincidunt elit ante, sit amet pulvinar enim fringilla at. Nam facilisis metus quis nisl vehicula, in consectetur orci rutrum. Duis vitae semper nibh, rhoncus blandit purus. Nam metus augue, aliquam vitae interdum id, luctus non ante. Nullam tempus lacus sed elit gravida, vel scelerisque dui congue. Quisque luctus, est eu tristique efficitur, odio odio vehicula justo, eget tincidunt massa erat vel ex. Nunc eu libero placerat, eleifend odio et, pulvinar ex. Curabitur a molestie libero.Vestibulum id erat vel erat mollis dictum sed eu tellus.\n\n Sed vel diam eget mauris tincidunt semper. Vivamus eu sodales quam, sed malesuada massa. Vestibulum sagittis massa a risus bibendum, non eleifend augue venenatis. Pellentesque vitae malesuada sapien, ac bibendum ipsum. Nam ligula odio, volutpat eu ipsum vel, convallis volutpat odio. Aliquam eu tellus lectus. Cras pharetra feugiat placerat. In hendrerit orci urna, eu condimentum nunc maximus et.Fusce cursus mauris et mi pharetra pulvinar. Quisque finibus pellentesque eros vel rhoncus. Ut id dolor a ligula feugiat congue. Donec tincidunt congue neque, vel vestibulum justo blandit sit amet. Phasellus iaculis luctus justo dignissim gravida.\n\n Suspendisse faucibus arcu vitae mauris aliquet tempor. Nulla tincidunt a est eu euismod. In molestie velit mauris, vitae porttitor lorem feugiat sit amet. Sed convallis augue sit amet eleifend scelerisque.Proin eget auctor ligula. Nulla ut consequat lorem. Aliquam pulvinar metus faucibus justo vestibulum maximus. Duis sed gravida lacus. Phasellus lacinia lacus vel mattis aliquet. Ut ullamcorper arcu ac nibh mollis convallis. Donec et nisl bibendum, rutrum justo nec, sodales magna. Nullam et dignissim lectus.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt tortor sit amet elit molestie laoreet. Curabitur quis ligula lacus. Proin et auctor ipsum, ut blandit neque. Nullam bibendum ante a lacus luctus, eu commodo metus tincidunt. Pellentesque ac nunc velit. Maecenas porta sodales eros, ac congue dui consectetur ac. Phasellus interdum sed nibh quis porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed convallis mollis neque ac accumsan. Quisque accumsan auctor ex, at sollicitudin tortor ultricies vitae. Curabitur at nunc eu ligula pretium maximus. Aliquam vehicula velit neque, ut convallis nisi tempor sed. Quisque a ipsum gravida, malesuada sem ac, pellentesque elit.Pellentesque habitant morbi tristique\n\n senectus et netus et malesuada fames ac turpis egestas. Curabitur eu vulputate erat, at condimentum magna. Integer tincidunt elit ante, sit amet pulvinar enim fringilla at. Nam facilisis metus quis nisl vehicula, in consectetur orci rutrum. Duis vitae semper nibh, rhoncus blandit purus. Nam metus augue, aliquam vitae interdum id, luctus non ante. Nullam tempus lacus sed elit gravida, vel scelerisque dui congue. Quisque luctus, est eu tristique efficitur, odio odio vehicula justo, eget tincidunt massa erat vel ex. Nunc eu libero placerat, eleifend odio et, pulvinar ex. Curabitur a molestie libero.Vestibulum id erat vel erat mollis dictum sed eu tellus.\n\n Sed vel diam eget mauris tincidunt semper. Vivamus eu sodales quam, sed malesuada massa. Vestibulum sagittis massa a risus bibendum, non eleifend augue venenatis. Pellentesque vitae malesuada sapien, ac bibendum ipsum. Nam ligula odio, volutpat eu ipsum vel, convallis volutpat odio. Aliquam eu tellus lectus. Cras pharetra feugiat placerat. In hendrerit orci urna, eu condimentum nunc maximus et.Fusce cursus mauris et mi pharetra pulvinar. Quisque finibus pellentesque eros vel rhoncus. Ut id dolor a ligula feugiat congue. Donec tincidunt congue neque, vel vestibulum justo blandit sit amet. Phasellus iaculis luctus justo dignissim gravida.\n\n Suspendisse faucibus arcu vitae mauris aliquet tempor. Nulla tincidunt a est eu euismod. In molestie velit mauris, vitae porttitor lorem feugiat sit amet. Sed convallis augue sit amet eleifend scelerisque.Proin eget auctor ligula. Nulla ut consequat lorem. Aliquam pulvinar metus faucibus justo vestibulum maximus. Duis sed gravida lacus. Phasellus lacinia lacus vel mattis aliquet. Ut ullamcorper arcu ac nibh mollis convallis. Donec et nisl bibendum, rutrum justo nec, sodales magna. Nullam et dignissim lectus."
});

router.js

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

const Router = EmberRouter.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('mutable-value');
  this.route('action-with-mut');
});

export default Router;

templates.action-with-mut.hbs

<h1>Using Action with Mutable Value</h1>
<br>
<br>
{{simple-mde value=longString change=(action (mut longString))}}
<br>
<br>

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
{{#link-to 'action-with-mut'}}
	Using Action with Mut
{{/link-to}}<br />
{{#link-to 'mutable-value'}}
	Using Mutable Value
{{/link-to}}
<br>
<br>
{{outlet}}
<br>
<br>

templates.mutable-value.hbs

<h1>Using Mutable Value</h1>
<br>
<br>
{{simple-mde value=longString change=(mut longString)}}
<br>
<br>

tests.helpers.destroy-app.js

import { run } from '@ember/runloop';

export default function destroyApp(application) {
  run(application, 'destroy');
}

tests.helpers.resolver.js

import Resolver from '../../resolver';
import config from '../../config/environment';

const resolver = Resolver.create();

resolver.namespace = {
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix
};

export default resolver;

tests.helpers.start-app.js

import Ember from 'ember';
import Application from '../../app';
import config from '../../config/environment';

const { run } = Ember;
const assign = Ember.assign || Ember.merge;

export default function startApp(attrs) {
  let application;

  let attributes = assign({rootElement: "#test-root"}, config.APP);
  attributes = assign(attributes, attrs); // use defaults, but you can override;

  run(() => {
    application = Application.create(attributes);
    application.setupForTesting();
    application.injectTestHelpers();
  });

  return application;
}

tests.test-helper.js

import resolver from './helpers/resolver';
import {
  setResolver
} from 'ember-qunit';
import { start } from 'ember-cli-qunit';

setResolver(resolver);
start();

twiddle.json

{
  "version": "0.14.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "2.18.2",
    "ember-template-compiler": "2.18.2",
    "ember-testing": "2.18.2"
  },
  "addons": {
    "ember-data": "2.18.2",
    "ember-simplemde": "1.2.0"
  }
}