JohnnyBushy · July 12, 2021 10:44 · Jul 12, 2021 · Jul 10, 2021 · Jul 10, 2021
diff --git a/routes.application\.js b/routes.application\.js
@@ -5,6 +5,6 @@ export default class extends Route {
   @service store;
 
   model() {
-    return this.store.createRecord('post', {content: 'Some content here'});
+    return this.store.createRecord('post', {content: 'Some post content here'});
   }
 };
diff --git a/templates.components.my-component\.hbs b/templates.components.my-component\.hbs
@@ -1 +1 @@
-<p>{{post.content}}</p>
+<p>{{@post.content}}</p>
diff --git a/tests.acceptance.my-acceptance-test\.js b/tests.acceptance.my-acceptance-test\.js
@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { visit, currentURL } from '@ember/test-helpers';
+import { setupApplicationTest } from 'ember-qunit';
+
+module('TODO: put something here', function(hooks) {
+  setupApplicationTest(hooks);
+
+  test('visiting /', async function(assert) {
+    await visit('/');
+
+    assert.equal(currentURL(), '/');
+
+    // After the test is complete, there is an error thrown in the console
+    // Attempted to handle event `willCommit` on <post:null> while in state root.empty. 
+  });
+});
diff --git a/tests.test-helper\.js b/tests.test-helper\.js
@@ -0,0 +1,16 @@
+import Application from '../app';
+import config from '../config/environment';
+import { setApplication } from '@ember/test-helpers';
+import { assign } from '@ember/polyfills';
+import { start } from 'ember-qunit';
+
+let attributes = {
+  rootElement: '#test-root',
+  autoboot: false
+};
+attributes = assign(attributes, config.APP);
+
+let application = Application.create(attributes);
+setApplication(application);
+
+start();
diff --git a/twiddle\.json b/twiddle\.json
@@ -8,7 +8,7 @@
   },
   "options": {
     "use_pods": false,
-    "enable-testing": false
+    "enable-testing": true
   },
   "dependencies": {
     "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js",

diff --git a/components.my-component\.js b/components.my-component\.js
@@ -0,0 +1,7 @@
+import Component from '@glimmer/component';
+
+export default class extends Component {
+  willDestroy() {
+    this.args.post.save();
+  }
+}
diff --git a/controllers.application\.js b/controllers.application\.js
@@ -0,0 +1,5 @@
+import Controller from '@ember/controller';
+
+export default class ApplicationController extends Controller {
+  appName = 'Ember Twiddle';
+}
diff --git a/models.post\.js b/models.post\.js
@@ -0,0 +1,6 @@
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
+
+export default class extends Model {
+  @attr('string') content;
+}
diff --git a/routes.application\.js b/routes.application\.js
@@ -0,0 +1,10 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class extends Route {
+  @service store;
+
+  model() {
+    return this.store.createRecord('post', {content: 'Some content here'});
+  }
+};
diff --git a/templates.application\.hbs b/templates.application\.hbs
@@ -0,0 +1 @@
+<MyComponent @post={{@model}} />
diff --git a/templates.components.my-component\.hbs b/templates.components.my-component\.hbs
@@ -0,0 +1 @@
+<p>{{post.content}}</p>
diff --git a/twiddle\.json b/twiddle\.json
@@ -0,0 +1,23 @@
+{
+  "version": "0.17.1",
+  "EmberENV": {
+    "FEATURES": {},
+    "_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false,
+    "_APPLICATION_TEMPLATE_WRAPPER": true,
+    "_JQUERY_INTEGRATION": true
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js",
+    "ember": "3.18.1",
+    "ember-template-compiler": "3.18.1",
+    "ember-testing": "3.18.1"
+  },
+  "addons": {
+    "@glimmer/component": "1.0.0",
+    "ember-data": "3.18.0"
+  }
+}
No results found