Merge pull request #170 from webitel/feature/search-bar-error-color

feature: variable search validator pattern fixed to not pass spaces n…

src/validators/variableSearchValidator/Readme.md

@@ -0,0 +1,13 @@
+Validator for variable search string
+```javascript
+import variableSearchValidator from '@webitel/ui-sdk/src/validators/variableSearchValidator/variableSearchValidator';
+
+isValidKeyValuePair("height=100"); // true
+isValidKeyValuePair("1 1=2 2"); // true
+isValidKeyValuePair("you height=5 feet 5½ inches (166 cm)"); // true
+isValidKeyValuePair("expected_output=valid_number")); // true
+isValidKeyValuePair("height= 100"); // false
+isValidKeyValuePair("height =100"); // false
+isValidKeyValuePair("height = 100"); // false
+isValidKeyValuePair("height=5 feet 5½ inches (166 cm), age=1231, fin=123231"); // false
+```

src/validators/variableSearchValidator/__tests__/variableSearchValidator.spec.js

@@ -0,0 +1,48 @@
+import variableSearchValidator from '../variableSearchValidator';
+
+describe('Variable search validator', () => {
+  it('Ordinary search', () => {
+    const searchValue = 'height=100';
+    expect(variableSearchValidator(searchValue)).toBe(true);
+  });
+  it('Search with spacing in value and key', () => {
+   const searchValue = 'your height=5 feet 5½ inches (166 cm)';
+    expect(variableSearchValidator(searchValue)).toBe(true);
+  });
+  it('Search with spacing in value', () => {
+    const searchValue = 'height=5 feet 5½ inches (166 cm)';
+    expect(variableSearchValidator(searchValue)).toBe(true);
+  });
+  it('Search with spacing in value and spaces before key and after value', () => {
+    const searchValue = ' height=5 feet 5½ inches (166 cm) ';
+    expect(variableSearchValidator(searchValue)).toBe(true);
+  });
+  it('Search with snake_case', () => {
+    const searchValue = 'expected_output=valid_number';
+    expect(variableSearchValidator(searchValue)).toBe(true);
+  });
+  it('Wrong search with spacing after "=" sign', () => {
+    const searchValue = 'height= 100';
+    expect(variableSearchValidator(searchValue)).toBe(false);
+  });
+  it('Wrong search with spacing before "=" sign', () => {
+    const searchValue = 'height =100';
+    expect(variableSearchValidator(searchValue)).toBe(false);
+  });
+  it('Wrong search with spacing near "=" sign', () => {
+    const searchValue = 'height = 100';
+    expect(variableSearchValidator(searchValue)).toBe(false);
+  });
+  it('Space search', () => {
+    const searchValue = ' ';
+    expect(variableSearchValidator(searchValue)).toBe(false);
+  });
+  it('Empty search', () => {
+    const searchValue = '';
+    expect(variableSearchValidator(searchValue)).toBe(true);
+  });
+  it('Multiple "=" search', () => {
+    const searchValue = 'height=5 feet 5½ inches (166 cm), age=1231, fin=123231';
+    expect(variableSearchValidator(searchValue)).toBe(false);
+  });
+});

src/validators/variableSearchValidator/variableSearchValidator.js

@@ -0,0 +1,10 @@
+export default function variableSearchValidator(input) {
+  if (input) {
+    const splitInput = input.split('=');
+    const [key, value] = splitInput;
+    if (key.endsWith(' ') || value.startsWith(' ') || splitInput.length !== 2) {
+      return false;
+    }
+  }
+  return true;
+}

styleguide.config.js

@@ -31,6 +31,10 @@ module.exports = {
           name: 'Websocket Validator',
           content: 'src/validators/websocketValidator/Readme.md',
         },
+        {
+          name: 'Variable Search Validator',
+          content: 'src/validators/variableSearchValidator/Readme.md',
+        },
       ],
     },
   ],