#1 Alpha 2 ready. Acceptance test have been written. Still need to te…

…st Ctrl-Enter submits. Also need to test before and after closure hooks.

addon/components/input-text.js

@@ -4,4 +4,6 @@ import EscapeKeyClears from '../mixins/escape-key-clears';
 import FocusSelectsText from '../mixins/focus-selects-text';
 import TriggerFocus from '../mixins/trigger-focus';
 
-export default Ember.TextField.extend(CtrlEnterSubmitsForm, EscapeKeyClears, FocusSelectsText, TriggerFocus, {});
+export default Ember.TextField.extend(CtrlEnterSubmitsForm, EscapeKeyClears, FocusSelectsText, TriggerFocus, {
+  classNames: ['input-text']
+});

addon/mixins/trigger-focus.js

@@ -5,8 +5,17 @@ import Ember from 'ember';
  * Why?  Because when Ember RETURNS to a template for a second or more time, the element with autofocus does not
  * seem to trigger.
  * This fixes that.
+ *
+ * This mixin assumes that it is being assigned to a component that will respond to the `focus` event.
  */
 export default Ember.Mixin.create({
+  /**
+   * @default autofocus is set to false.
+   */
+  autofocus: false,
+  /**
+   * When the element is inserted, trigger the focus event using jQuery.
+   */
   _triggerFocus: Ember.on('didInsertElement', function () {
     if (this.get('autofocus')) {
       this.$().trigger('focus');

tests/acceptance/autofocus-test.js

@@ -0,0 +1,34 @@
+import { test } from 'qunit';
+import moduleForAcceptance from '../../tests/helpers/module-for-acceptance';
+
+moduleForAcceptance('Acceptance | autofocus');
+
+test('when autofocus is enabled and focusSelectsText? is also enabled', function (assert) {
+  visit('/acceptance/autofocus-with-select-text');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/autofocus-with-select-text');
+    assert.equal(document.activeElement.autofocus, true);
+    assert.equal(window.getSelection().toString(), 'Autofocus This Text');
+  });
+});
+
+test('when revisiting a template that already had been autofocused', function (assert) {
+  visit('/acceptance/autofocus-with-select-text');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/autofocus-with-select-text');
+    assert.equal(document.activeElement.autofocus, true);
+    assert.equal(window.getSelection().toString(), 'Autofocus This Text');
+  });
+});
+
+test('when autofocus is enabled and focusSelectsText? is disabled', function (assert) {
+  visit('/acceptance/autofocus-select-text-disabled');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/autofocus-select-text-disabled');
+    assert.equal(document.activeElement.autofocus, true);
+    assert.equal(window.getSelection().toString(), '');
+  });
+});

tests/acceptance/escape-clears-test.js

@@ -0,0 +1,47 @@
+/* global KeyEvent */
+import { test } from 'qunit';
+import moduleForAcceptance from '../../tests/helpers/module-for-acceptance';
+
+moduleForAcceptance('Acceptance | escape clears');
+
+test('when escape clears text by default', function (assert) {
+  visit('/acceptance/escape-clears-text');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/escape-clears-text');
+    assert.equal(find('input.escape-clears-by-default').val(), 'Escape Clears This Text');
+    keyEvent('input.escape-clears-by-default', 'keyup', KeyEvent.DOM_VK_ESCAPE);
+    andThen(() => {
+      assert.equal(find('input.escape-clears-by-default').val(), '');
+    });
+
+  });
+});
+
+test('when escape clears text because escapeKeyClears? was set to true', function (assert) {
+  visit('/acceptance/escape-clears-text');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/escape-clears-text');
+    assert.equal(find('input.escape-clears-enabled').val(), 'Escape Clears This Text');
+    keyEvent('input.escape-clears-enabled', 'keyup', KeyEvent.DOM_VK_ESCAPE);
+    andThen(() => {
+      assert.equal(find('input.escape-clears-enabled').val(), '');
+    });
+
+  });
+});
+
+test('when escape WILL NOT clear text because escapeKeyClears? was set to false', function (assert) {
+  visit('/acceptance/escape-clears-text');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/escape-clears-text');
+    assert.equal(find('input.escape-clears-disabled').val(), 'Escape Will Not Clear This Text');
+    keyEvent('input.escape-clears-disabled', 'keyup', KeyEvent.DOM_VK_ESCAPE);
+    andThen(() => {
+      assert.equal(find('input.escape-clears-disabled').val(), 'Escape Will Not Clear This Text');
+    });
+
+  });
+});

tests/acceptance/focus-selects-text-test.js

@@ -0,0 +1,32 @@
+import { test } from 'qunit';
+import moduleForAcceptance from '../../tests/helpers/module-for-acceptance';
+
+moduleForAcceptance('Acceptance | focus selects text');
+
+test('when focusSelectsText? is false or turned off', function (assert) {
+  visit('/acceptance/focus-selects-text');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/focus-selects-text');
+    assert.equal(find('input.select-enabled').val(), 'Select This Text');
+    assert.equal(window.getSelection().toString(), '');
+    triggerEvent('input.select-enabled', 'focus');
+    andThen(() => {
+      assert.equal(window.getSelection().toString(), 'Select This Text');
+    });
+  });
+});
+
+test('when focusSelectsText? is false or turned off', function (assert) {
+  visit('/acceptance/focus-selects-text');
+
+  andThen(function () {
+    assert.equal(currentURL(), '/acceptance/focus-selects-text');
+    assert.equal(find('input.select-disabled').val(), 'Text Will Not Select On Focus');
+    assert.equal(window.getSelection().toString(), '');
+    triggerEvent('input.select-disabled', 'focus');
+    andThen(() => {
+      assert.equal(window.getSelection().toString(), '');
+    });
+  });
+});

tests/dummy/app/router.js

@@ -1,12 +1,19 @@
 import Ember from 'ember';
+//noinspection JSFileReferences
 import config from './config/environment';
 
 const Router = Ember.Router.extend({
   location: config.locationType,
   rootURL: config.rootURL
 });
 
-Router.map(function() {
+Router.map(function () {
+  this.route('acceptance', function () {
+    this.route('focus-selects-text');
+    this.route('autofocus-with-select-text');
+    this.route('autofocus-select-text-disabled');
+    this.route('escape-clears-text');
+  });
 });
 
 export default Router;

tests/dummy/app/routes/acceptance/autofocus-select-text-disabled.js

@@ -0,0 +1,3 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({});

tests/dummy/app/routes/acceptance/autofocus-with-select-text.js

@@ -0,0 +1,3 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({});

tests/dummy/app/routes/acceptance/escape-clears-text.js

@@ -0,0 +1,3 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({});

tests/dummy/app/routes/acceptance/focus-selects-text.js

@@ -0,0 +1,3 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({});

tests/dummy/app/templates/acceptance/autofocus-select-text-disabled.hbs

@@ -0,0 +1 @@
+{{input-text value="Autofocus This Text" autofocus=true focusSelectsText?=false}}

tests/dummy/app/templates/acceptance/autofocus-with-select-text.hbs

@@ -0,0 +1 @@
+{{input-text value="Autofocus This Text" autofocus=true focusSelectsText?=true}}

tests/dummy/app/templates/acceptance/escape-clears-text.hbs

@@ -0,0 +1,3 @@
+{{input-text class="escape-clears-by-default" value="Escape Clears This Text"}}
+{{input-text class="escape-clears-enabled" value="Escape Clears This Text" escapeKeyClears?=true}}
+{{input-text class="escape-clears-disabled" value="Escape Will Not Clear This Text" escapeKeyClears?=false}}

tests/dummy/app/templates/acceptance/focus-selects-text.hbs

@@ -0,0 +1,3 @@
+{{input-text class="select-enabled" value="Select This Text" focusSelectsText?=true}}
+
+{{input-text class="select-disabled" value="Text Will Not Select On Focus" focusSelectsText?=false}}

tests/integration/components/input-text-test.js

@@ -5,7 +5,7 @@ moduleForComponent('input-text', 'Integration | Component | input text', {
   integration: true
 });
 
-test('it renders', function (assert) {
+test('when rendered the .input-text is present', function (assert) {
   this.render(hbs`{{input-text}}`);
-  assert.equal(this.$().text().trim(), '');
+  assert.ok(this.$('input[type=text]').hasClass('input-text'));
 });

tests/unit/mixins/ctrl-enter-submits-form-test.js

@@ -10,3 +10,5 @@ test('it works', function (assert) {
   let subject = CtrlEnterSubmitsFormObject.create();
   assert.ok(subject);
 });
+
+// TODO: test before and after hooks

tests/unit/mixins/escape-key-clears-test.js

@@ -5,8 +5,10 @@ import { module, test } from 'qunit';
 module('Unit | Mixin | escape key clears');
 
 // Replace this with your real tests.
-test('it works', function (assert) {
+test('check out the acceptance tests', function (assert) {
   let EscapeKeyClearsObject = Ember.Object.extend(EscapeKeyClearsMixin);
   let subject = EscapeKeyClearsObject.create();
   assert.ok(subject);
 });
+
+// TODO: test before and after hooks

tests/unit/mixins/focus-selects-text-test.js

@@ -5,7 +5,7 @@ import { module, test } from 'qunit';
 module('Unit | Mixin | focus selects text');
 
 // Replace this with your real tests.
-test('it works', function (assert) {
+test('check out the acceptance tests', function (assert) {
   let FocusSelectsTextObject = Ember.Object.extend(FocusSelectsTextMixin);
   let subject = FocusSelectsTextObject.create();
   assert.ok(subject);

tests/unit/mixins/trigger-focus-test.js

@@ -5,7 +5,7 @@ import { module, test } from 'qunit';
 module('Unit | Mixin | trigger focus');
 
 // Replace this with your real tests.
-test('it works', function (assert) {
+test('check out the acceptance tests', function (assert) {
   let TriggerFocusObject = Ember.Object.extend(TriggerFocusMixin);
   let subject = TriggerFocusObject.create();
   assert.ok(subject);