✅ add more tests to autocomplete

improves coverage

Author: KRRISH96

lib/autocomplete/tests/accessibility.test.js

@@ -69,6 +69,23 @@ describe('AutoComplete Accessibility tests', () => {
     expect(simulatedValue()).to.equal(expectedValueAfterKeyDown);
   });
 
+  it('Successfully navigates to prev item in list when up arrow key is pressed.', () => {
+    const expectedValueBeforeKeyDown = 'inactive';
+    const expectedValueAfterKeyDown = 'active';
+    const childIndex = 2; // Child item index to navigate to.
+    const simulatedValue = () => wrappedComponent.find('#autocomplete-list').childAt((childIndex - data.length) + 1).prop('aria-label');
+
+    focusOnInput();
+    expect(simulatedValue()).to.equal(expectedValueBeforeKeyDown);
+    for (let i = childIndex; i >= 0; i -= 1) {
+      wrappedComponent.find('input').simulate('keydown', {
+        keyCode: 38,
+        key: 'ArrowUp',
+      });
+    }
+    expect(simulatedValue()).to.equal(expectedValueAfterKeyDown);
+  });
+
   it('Successfully updates input through keyboard navigation.', () => {
     const expectedValueBeforeSelection = '';
     const expectedValueAfterSelection = 'item 2';

lib/autocomplete/tests/edgecases.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { mount, shallow } from 'enzyme';
 import { expect } from 'chai';
 import AutoComplete from '..';
 
@@ -16,7 +16,7 @@ describe('AutoComplete Edge Cases tests', () => {
 
   beforeEach(() => {
     // Mount root component before test.
-    wrappedComponent = mount(<AutoComplete data={data} />);
+    wrappedComponent = mount(shallow(<AutoComplete data={data} />).get(0));
   });
 
   afterEach(() => {
@@ -34,4 +34,12 @@ describe('AutoComplete Edge Cases tests', () => {
     wrappedComponent.find('input').simulate('focus');
     expect(simulatedValue()).equal(expectedValue);
   });
+
+  it('Shoud toggle blockOnBlur state on mouseneter and mountleave events', () => {
+    const actualValue = () => wrappedComponent.state().blockOnBlur;
+    wrappedComponent.find('#autocomplete-list').simulate('mouseenter');
+    expect(actualValue()).to.equal(true);
+    wrappedComponent.find('#autocomplete-list').simulate('mouseleave');
+    expect(actualValue()).to.equal(false);
+  });
 });