fix(text-field): Add unit test to verify character counter is sert if…

… setValue is called
material-components · May 2, 2019 · c4d4ad1 · c4d4ad1
1 parent 837870f
commit c4d4ad1
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 39 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/mdc-animation/package-lock.json b/packages/mdc-animation/package-lock.json
diff --git a/packages/mdc-dialog/package-lock.json b/packages/mdc-dialog/package-lock.json
diff --git a/packages/mdc-drawer/package-lock.json b/packages/mdc-drawer/package-lock.json
diff --git a/test/unit/mdc-textfield/foundation.test.js b/test/unit/mdc-textfield/foundation.test.js
@@ -222,6 +222,22 @@ test('#setValue updates character counter when present', () => {
   td.verify(characterCounter.setCounterValue(2, 4), {times: 1});
 });
 
+test('#setValue forces the character counter to update if value was updated independently', () => {
+  const {foundation, mockAdapter, characterCounter} = setupTest({useCharacterCounter: true});
+  const nativeInput = {
+    type: 'text',
+    value: '',
+    maxLength: 4,
+    validity: {
+      valid: true,
+    },
+  };
+  td.when(mockAdapter.getNativeInput()).thenReturn(nativeInput);
+  nativeInput.value = 'ok';
+  foundation.setValue('ok');
+  td.verify(characterCounter.setCounterValue(2, 4), {times: 1});
+});
+
 test('#isValid for native validation', () => {
   const {foundation, nativeInput} = setupValueTest({value: '', optIsValid: true});
   assert.isOk(foundation.isValid());