better test of helper

Previously, we were setting the locale by navigating to
`/in/:locale`. Unfortunately, that's not a very good test of the
`{{t}}` helper because it causes the whole template to be
rerendered. Instead, we use an `{{action}}` to trigger the locale
change and ensure that the *same* template gets updated.

tests/acceptance/t-helper-test.js

@@ -7,7 +7,7 @@ var app;
 module('Acceptance: {{t}} Helper', {
   beforeEach: function() {
     app = startApp();
-    visit('/in/en');
+    visit('/');
   },
 
   afterEach: function() {
@@ -44,7 +44,9 @@ test('updates when dynamic interpolations change', function(assert) {
 });
 
 test('updates when the locale changes', function(assert) {
-  visit('/in/es');
+  click('.switch-to-es');
 
-  assert.textIs('.no-interpolations', 'texto sin interpolaciones');
+  andThen(function() {
+    assert.textIs('.no-interpolations', 'texto sin interpolaciones');
+  });
 });

tests/dummy/app/controllers/translate.js → tests/dummy/app/controllers/index.js

@@ -3,7 +3,9 @@ import $ from "jquery";
 
 export default Ember.Controller.extend({
 
+  i18n: Ember.inject.service(),
   clickCount: 0,
+  dynamicKey: 'no.interpolations',
 
   actions: {
     increment: function() {
@@ -12,6 +14,10 @@ export default Ember.Controller.extend({
 
     changeDynamicKey(newKey) {
       this.set('dynamicKey', newKey);
+    },
+
+    switchLocale(locale) {
+      this.set('i18n.locale', locale);
     }
   }
 

tests/dummy/app/router.js

@@ -6,7 +6,6 @@ var Router = Ember.Router.extend({
 });
 
 Router.map(function() {
-  this.route('translate', { path: '/in/:locale' });
 });
 
 export default Router;

tests/dummy/app/templates/translate.hbs → tests/dummy/app/templates/index.hbs

@@ -17,3 +17,7 @@
 
   <span class='dynamic-key'>{{t dynamicKey}}</span>
 </section>
+
+<section>
+  <button class='switch-to-es' {{action "switchLocale" "es"}}>Switch to Spanish</button>
+</section>