diff --git a/src/packages/Breadcrumb/index.tsx b/src/packages/Breadcrumb/index.tsx index 4afd8f6..a0c3c13 100644 --- a/src/packages/Breadcrumb/index.tsx +++ b/src/packages/Breadcrumb/index.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import React, { Fragment } from 'react' import NavLink, { NavLinkProps } from '../NavLink' import { SpacingKeys } from '../../styles/spacingModifier' import * as S from './styles' @@ -26,7 +26,7 @@ const Breadcrumb = ({ return ( {items.map((item, index) => ( - <> + {index > 0 && ( - + ))} ) diff --git a/src/packages/Breadcrumb/test.tsx b/src/packages/Breadcrumb/test.tsx index 7b49529..3aed4c0 100644 --- a/src/packages/Breadcrumb/test.tsx +++ b/src/packages/Breadcrumb/test.tsx @@ -16,8 +16,7 @@ const mock = [ link: '/blog/tech/react' } ] -// TODO: Fix this test -describe.skip('', () => { +describe('', () => { it('Should render the breadcrumb', () => { const { container } = render() expect(container).toBeInTheDocument() diff --git a/src/packages/Paper/index.tsx b/src/packages/Paper/index.tsx index 484625c..fd22737 100644 --- a/src/packages/Paper/index.tsx +++ b/src/packages/Paper/index.tsx @@ -17,7 +17,12 @@ const Paper = ({ ...props }: PaperProps) => { return ( - + {children} diff --git a/src/packages/Paper/test.tsx b/src/packages/Paper/test.tsx index 87ee178..c9a3534 100644 --- a/src/packages/Paper/test.tsx +++ b/src/packages/Paper/test.tsx @@ -4,11 +4,10 @@ import { theme } from '../../styles' import Paper from '.' -// TODO: fix tests -describe.skip('', () => { +describe('', () => { it('Should render when active is true', () => { render( - +

Hello world!

) @@ -17,7 +16,7 @@ describe.skip('', () => { }) it('Should not render when active is false', () => { render( - +

Hello world!

) @@ -35,7 +34,7 @@ describe.skip('', () => { }) it('Should render in bottom placement', () => { render( - + <> ) @@ -47,7 +46,7 @@ describe.skip('', () => { }) it('Should render in left placement', () => { render( - + <> ) @@ -59,7 +58,7 @@ describe.skip('', () => { }) it('Should render in right placement', () => { render( - + <> )