Make one-way-ssn-mask component (#55)

Author: brandynbennett

README.md

@@ -69,6 +69,7 @@ This component has the same interface as it's [ember-one-way-controls counterpar
 * [{{one-way-email-mask}}](docs/one-way-email-mask.md)
 * [{{one-way-number-mask}}](docs/one-way-number-mask.md)
 * [{{one-way-phone-mask}}](docs/one-way-phone-mask.md)
+* [{{one-way-ssn-mask}}](docs/one-way-ssn-mask.md)
 
 ## Input Mask Component (deprecated)
 

addon/components/one-way-ssn-mask.js

@@ -0,0 +1,12 @@
+import OneWayInputMask from 'ember-inputmask/components/one-way-input-mask';
+
+/**
+ * `{{one-way-ssn-mask}}` component
+ *  Displays an input that masks SSN format
+ */
+export default OneWayInputMask.extend({
+  /**
+   * @override
+   */
+  mask: '999-99-9999',
+});

app/components/one-way-ssn-mask.js

@@ -0,0 +1 @@
+export { default } from 'ember-inputmask/components/one-way-ssn-mask';

docs/one-way-ssn-mask.md

@@ -0,0 +1,8 @@
+One Way SSN Mask
+================
+
+```
+{{one-way-ssn-mask value update=(action (mut value))}}
+```
+
+This component defaults to masking Social Security numbers.

tests/dummy/app/templates/application.hbs

@@ -13,7 +13,7 @@
 
   <fieldset>
     <legend>SSN input:</legend>
-    {{ssn-input value=ssnValue pattern='^\d{3}-\d{2}-\d{4}$'}}
+    {{one-way-ssn-mask value=ssnValue pattern='^\d{3}-\d{2}-\d{4}$'}}
   </fieldset>
 
   <fieldset>
@@ -28,7 +28,7 @@
 
   <fieldset>
     <legend>Email input:</legend>
-    {{email-input value=testValue}}
+    {{one-way-email-mask value=testValue}}
   </fieldset>
 
   <fieldset>

tests/integration/components/one-way-ssn-mask-test.js

@@ -0,0 +1,20 @@
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+import { fillIn, find } from 'ember-native-dom-helpers';
+
+moduleForComponent('one-way-ssn-mask', 'Integration | Component | one way ssn mask', {
+  integration: true,
+
+  beforeEach() {
+    this.set('update', unmaskedValue => {
+      this.set('unmaskedValue', unmaskedValue);
+    });
+  },
+});
+
+test('filled-in value', async function(assert) {
+  this.render(hbs`{{one-way-ssn-mask value=unmaskedValue update=update}}`);
+  await fillIn('input', '123456789');
+  assert.equal(find('input').value, '123-45-6789');
+  assert.equal(this.unmaskedValue, 123456789);
+});