✅ add more tests to NAVBAR

improves coverage

Author: KRRISH96

lib/navbar/index.js

@@ -67,6 +67,7 @@ class Navbar extends React.Component {
         onBlur={this.hideMenu}
         onMouseEnter={this.blockBlur}
         onMouseLeave={this.blockBlur}
+        aria-label="navbar-mobile"
       >
         <div className={navLinks}>
           {children && typeof children === 'object' && children.map ? children.map(child => <div onClick={this.toggleMenu}>{child}</div>) : children}

lib/navbar/tests/edgecase.test.js

@@ -41,4 +41,12 @@ describe('Navbar Edge case tests', () => {
     wrappedComponent.find(FaBars).simulate('blur');
     expect(simulatedValue()).equals(false);
   });
+
+  it('Shoud toggle blockOnBlur state on mouseneter and mountleave events', () => {
+    const actualValue = () => wrappedComponent.state().blockBlur;
+    wrappedComponent.find('div[aria-label="navbar-mobile"]').simulate('mouseenter');
+    expect(actualValue()).to.equal(true);
+    wrappedComponent.find('div[aria-label="navbar-mobile"]').simulate('mouseleave');
+    expect(actualValue()).to.equal(false);
+  });
 });