test: create tests navbar menu

src/layout/components/NavBar/Desktop/index.spec.tsx

@@ -1,5 +1,15 @@
-describe('<MobileNavBar />', () => {
-  it.todo('render texts correctly')
+import { render, screen } from '@testing-library/react'
+import { pagesMock } from '~/src/mocks/pagesMock'
 
-  it.todo('toggles the NavBar when BackIcon is clicked')
+import DesktopNavBar from '.'
+
+describe('<DesktopNavBar />', () => {
+  beforeEach(() => {
+    render(<DesktopNavBar pages={pagesMock} />)
+  })
+
+  it('render texts correctly', () => {
+    expect(screen.getByText('Git e Versionamento')).toBeInTheDocument()
+    expect(screen.getByText('My list git commands')).toBeInTheDocument()
+  })
 })

src/layout/components/NavBar/Desktop/index.tsx

@@ -30,7 +30,10 @@ const DesktopNavBar = ({ pages }: NavBarProps) => {
           ))}
         </S.NavBar>
         <S.RollbackContainer>
-          <S.BackIcon onClick={closeNavBar} />
+          <S.BackIcon
+            onClick={closeNavBar}
+            data-testid='navbar__button-close'
+          />
         </S.RollbackContainer>
       </S.Wrapper>
       <S.WrapperColapsed showNavBar={!isOpen}>

src/layout/components/NavBar/Mobile/index.spec.tsx

@@ -1,5 +1,15 @@
+import { render, screen } from '@testing-library/react'
+import { pagesMock } from '~/src/mocks/pagesMock'
+
+import MobileNavBar from '.'
+
 describe('<MobileNavBar />', () => {
-  it.todo('render texts correctly')
+  beforeEach(() => {
+    render(<MobileNavBar pages={pagesMock} />)
+  })
 
-  it.todo('toggles the NavBar when BackIcon is clicked')
+  it('render texts correctly', () => {
+    expect(screen.getByText('Git e Versionamento')).toBeInTheDocument()
+    expect(screen.getByText('My list git commands')).toBeInTheDocument()
+  })
 })

src/mocks/pagesMock.ts

@@ -0,0 +1,52 @@
+export const pagesMock = [
+  {
+    object: 'block',
+    id: '1',
+    parent: {
+      type: 'page_id',
+      page_id: '1',
+    },
+    created_time: '2023-11-14T13:54:00.000Z',
+    last_edited_time: '2024-07-17T01:18:00.000Z',
+    created_by: {
+      object: 'user',
+      id: '1234',
+    },
+    last_edited_by: {
+      object: 'user',
+      id: '1234',
+    },
+    has_children: true,
+    archived: false,
+    in_trash: false,
+    type: 'child_page',
+    child_page: {
+      title: 'Git e Versionamento',
+    },
+  },
+  {
+    object: 'block',
+    id: '2',
+    parent: {
+      type: 'page_id',
+      page_id: '2',
+    },
+    created_time: '2023-11-15T04:37:00.000Z',
+    last_edited_time: '2024-07-17T01:18:00.000Z',
+    created_by: {
+      object: 'user',
+      id: '1234',
+    },
+    last_edited_by: {
+      object: 'user',
+      id: '1234',
+    },
+    has_children: true,
+    archived: false,
+    in_trash: false,
+    type: 'child_page',
+    child_page: {
+      title: 'My list git commands',
+    },
+  },
+]