feat: add valid class to classNames utility

ealush · Jun 14, 2020 · cf19610 · cf19610
1 parent bd67de2
commit cf19610
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/docs/utilities.md b/docs/utilities.md
@@ -32,6 +32,7 @@ const cn = classNames(res, {
   untested: 'is-untested', // will only be applied if the provided field did not run yet
   tested: 'some-tested-class', // will only be applied if the provided field did run
   invalid: 'my_invalid_class', // will only be applied if the provided field ran at least once and has an errror
+  valid: 'my_valid_class', // will only be applied if the provided field ran at least once does not have errors or warnings
   warning: 'my_warning_class', // will only be applied if the provided field ran at least once and has a warning
 });
 

diff --git a/packages/vest/src/utilities/classNames.js b/packages/vest/src/utilities/classNames.js
@@ -28,6 +28,8 @@ const classNames = (res, classes = {}) => {
   selectors.untested = key => !selectors.tested(key);
   selectors.invalid = key => selectors.tested(key) && res.hasErrors(key);
   selectors.warning = key => selectors.tested(key) && res.hasWarnings(key);
+  selectors.valid = key =>
+    selectors.tested(key) && !res.hasWarnings(key) && !res.hasErrors(key);
 
   return key => {
     const classesArray = [];

diff --git a/packages/vest/src/utilities/tests/classNames.test.js b/packages/vest/src/utilities/tests/classNames.test.js
@@ -40,6 +40,7 @@ describe('Utility: classNames', () => {
       invalid: 'invalid_string',
       tested: 'tested_string',
       untested: 'untested_string',
+      valid: 'valid_string',
       warning: 'warning_string',
     });
 
@@ -54,7 +55,7 @@ describe('Utility: classNames', () => {
         'tested_string warning_string'.split(' ').sort()
       );
       expect(genClass('field_4').split(' ').sort()).toEqual(
-        'tested_string'.split(' ').sort()
+        'tested_string valid_string'.split(' ').sort()
       );
 
       expect(genClass('field_5').split(' ').sort()).toEqual(