kyleshevlin · October 19, 2016 18:53 · Oct 19, 2016 · Oct 19, 2016
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -16,5 +16,4 @@
   {{#w.section as |h|}}
   	{{h.contact}}
   {{/w.section}}
-
 {{/my-wrap}}
diff --git a/components.my-contact.js b/components.my-contact.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/components.my-mission.js b/components.my-mission.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/components.my-news.js b/components.my-news.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/components.my-panel.js b/components.my-panel.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/components.my-section.js b/components.my-section.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/components.my-wrap.js b/components.my-wrap.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,6 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle',
+  panels: [1, 2, 3] // this could be any number of items
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,20 @@
+{{#my-wrap as |w|}}
+	{{#each panels as |panel|}}
+  	{{#w.section item=panel as |p|}}
+      {{p.panel}}
+    {{/w.section}}
+  {{/each}}
+
+  {{#w.section as |f|}}
+  	{{f.mission}}
+  {{/w.section}}
+
+  {{#w.section as |g|}}
+    {{g.news}}
+  {{/w.section}}
+
+  {{#w.section as |h|}}
+  	{{h.contact}}
+  {{/w.section}}
+
+{{/my-wrap}}
diff --git a/templates.components.my-contact.hbs b/templates.components.my-contact.hbs
@@ -0,0 +1,3 @@
+<p>
+	And a contact section that goes here.
+</p>
diff --git a/templates.components.my-mission.hbs b/templates.components.my-mission.hbs
@@ -0,0 +1,3 @@
+<p>
+	My mission is to figure out how to let my parent component assign indexes to these damn children or some other attribute I can test against and figure out which one is the "active" child component in the viewport!
+</p>
diff --git a/templates.components.my-news.hbs b/templates.components.my-news.hbs
@@ -0,0 +1,3 @@
+<p>
+	There's a news section in the app here.
+</p>
diff --git a/templates.components.my-panel.hbs b/templates.components.my-panel.hbs
@@ -0,0 +1 @@
+Panel: {{item}}
diff --git a/templates.components.my-section.hbs b/templates.components.my-section.hbs
@@ -0,0 +1,8 @@
+{{yield
+	(hash
+  	panel=(component 'my-panel' item=item)
+    mission=(component 'my-mission')
+    news=(component 'my-news')
+    contact=(component 'my-contact')
+  )
+}}
diff --git a/templates.components.my-wrap.hbs b/templates.components.my-wrap.hbs
@@ -0,0 +1,3 @@
+<div class="wrap-inner">
+	{{yield (hash section=(component 'my-section' item=item))}}
+</div>
diff --git a/tests.helpers.destroy-app.js b/tests.helpers.destroy-app.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default function destroyApp(application) {
+  Ember.run(application, 'destroy');
+}
diff --git a/tests.helpers.resolver.js b/tests.helpers.resolver.js
@@ -0,0 +1,11 @@
+import Resolver from '../../resolver';
+import config from '../../config/environment';
+
+const resolver = Resolver.create();
+
+resolver.namespace = {
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix
+};
+
+export default resolver;
diff --git a/tests.helpers.start-app.js b/tests.helpers.start-app.js
@@ -0,0 +1,21 @@
+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;
+}
diff --git a/tests.test-helper.js b/tests.test-helper.js
@@ -0,0 +1,6 @@
+import resolver from './helpers/resolver';
+import {
+  setResolver
+} from 'ember-qunit';
+
+setResolver(resolver);
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,18 @@
+{
+  "version": "0.10.6",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
+    "ember": "2.9.0",
+    "ember-data": "2.9.0",
+    "ember-template-compiler": "2.9.0",
+    "ember-testing": "2.9.0"
+  },
+  "addons": {}
+}