test: add unit tests for collapse icon

app/src/__tests__/components/layout/Layout.spec.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { fireEvent } from '@testing-library/react';
+import { renderWithProviders } from 'util/tests';
+import Layout from 'components/layout/Layout';
+
+describe('Layout component', () => {
+  const render = () => {
+    return renderWithProviders(<Layout />);
+  };
+
+  it('should display the hamburger menu', () => {
+    const { getByTitle } = render();
+    expect(getByTitle('menu')).toBeInTheDocument();
+  });
+
+  it('should toggle collapsed state', () => {
+    const { getByTitle, store } = render();
+    expect(store.sidebarCollapsed).toBe(false);
+    fireEvent.click(getByTitle('menu'));
+    expect(store.sidebarCollapsed).toBe(true);
+    fireEvent.click(getByTitle('menu'));
+    expect(store.sidebarCollapsed).toBe(false);
+  });
+});

app/src/components/NodeStatus.tsx

@@ -43,11 +43,11 @@ const NodeStatus: React.FC = () => {
     <Wrapper>
       <StatusTitle>Node Status</StatusTitle>
       <XLargeText block>
-        <BoltIcon />
+        <BoltIcon title="bolt" />
         {channelBalance.toLocaleString()} SAT
       </XLargeText>
       <SmallText block>
-        <BitcoinIcon />
+        <BitcoinIcon title="bitcoin" />
         {walletBalance.toLocaleString()}
       </SmallText>
       <Divider />

app/src/components/layout/Layout.tsx

@@ -56,7 +56,7 @@ const Layout: React.FC = ({ children }) => {
   return (
     <Background>
       <Container>
-        <MenuIcon onClick={app.toggleSidebar} />
+        <MenuIcon title="menu" onClick={app.toggleSidebar} />
         <Aside collapsed={sidebarCollapsed}>
           <Sidebar />
         </Aside>