Fix items test

Signed-off-by: hiba-aldalaty <hibaaldalaty@gmail.com>

packages/core-components/src/layout/Sidebar/Items.test.tsx

@@ -20,7 +20,7 @@ import { createEvent, fireEvent, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import HomeIcon from '@material-ui/icons/Home';
 import CreateComponentIcon from '@material-ui/icons/AddCircleOutline';
-import { Sidebar } from './Bar';
+import { Sidebar, SidebarExpandButton } from './Bar';
 import { SidebarItem, SidebarSearchField } from './Items';
 import { renderHook } from '@testing-library/react-hooks';
 import { hexToRgb, makeStyles } from '@material-ui/core/styles';
@@ -44,9 +44,10 @@ async function renderSidebar() {
         text="Create..."
         className={result.current.spotlight}
       />
+      <SidebarExpandButton />
     </Sidebar>,
   );
-  userEvent.hover(screen.getByTestId('sidebar-root'));
+  userEvent.click(screen.getByTestId('sidebar-expand-button'));
 }
 
 describe('Items', () => {