Add md-input-has-placeholder class to input with placeholder (#1083)

adopted-ember-addons · May 16, 2019 · 9037a0d · 9037a0d
1 parent 2652581
commit 9037a0d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/addon/components/paper-input.js b/addon/components/paper-input.js
@@ -33,7 +33,8 @@ export default Component.extend(FocusableMixin, ColorMixin, ChildMixin, Validati
     'hasLeftIcon:md-icon-left',
     'hasRightIcon:md-icon-right',
     'focused:md-input-focused',
-    'block:md-block'
+    'block:md-block',
+    'placeholder:md-input-has-placeholder'
   ],
   type: 'text',
   autofocus: false,

diff --git a/tests/integration/components/paper-input-test.js b/tests/integration/components/paper-input-test.js
@@ -74,11 +74,12 @@ module('Integration | Component | paper-input', function(hooks) {
   });
 
   test('renders input with placeholder', async function(assert) {
-    assert.expect(1);
+    assert.expect(2);
 
     await render(hbs`{{paper-input placeholder="Enter value here" onChange=dummyOnChange}}`);
 
     assert.dom('md-input-container input').hasAttribute('placeholder', 'Enter value here');
+    assert.dom('md-input-container').hasClass('md-input-has-placeholder');
 
   });
 
@@ -517,6 +518,24 @@ module('Integration | Component | paper-input', function(hooks) {
     assert.dom('.other-stuff').exists();
   });
 
+  test('does not have md-input-has-placeholder class when no placeholder', async function(assert) {
+    assert.expect(1);
+
+    await render(hbs`{{paper-input onChange=dummyOnChange}}`);
+
+    assert.dom('md-input-container').doesNotHaveClass('md-input-has-placeholder');
+
+  });
+
+  test('does not have md-input-has-placeholder class when there is a label', async function(assert) {
+    assert.expect(1);
+
+    await render(hbs`{{paper-input label="Label here" onChange=dummyOnChange}}`);
+
+    assert.dom('md-input-container').doesNotHaveClass('md-input-has-placeholder');
+
+  });
+
   test('aria-describedby on input elements is set properly', async function(assert) {
 
     let errors = [{