chore: unit test card people component

Author: hmarques98

template/__tests__/App.test.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { fireEvent, render, waitFor } from '@testing-library/react-native';
+import CardPeoples from 'components/organisms/CardPeoples';
+
+describe('Card People Component', () => {
+  const onPress = jest.fn();
+  it('should render correctly', () => {
+    render(<CardPeoples onPress={onPress} name="React" homeworld="Earth" />);
+  });
+  it('should has the people name', () => {
+    const { getByText } = render(
+      <CardPeoples onPress={onPress} name="React" homeworld="Earth" />,
+    );
+
+    expect(getByText('React')).toBeDefined();
+  });
+  it('should has the people homeworld', () => {
+    const { getByText } = render(
+      <CardPeoples onPress={onPress} name="React" homeworld="Earth" />,
+    );
+
+    expect(getByText('Earth')).toBeDefined();
+  });
+  it('should onPress to be called', () => {
+    const { getByTestId } = render(
+      <CardPeoples onPress={onPress} name="React" homeworld="Earth" />,
+    );
+    const button = getByTestId('Button');
+    fireEvent.press(button);
+    expect(onPress).toBeCalled();
+  });
+});

template/__tests__/__snapshots__/App.test.tsx.snap

@@ -1,26 +1,25 @@
-import { log } from '@utils/console';
+import React from 'react';
 import { WINDOW_DEVICE_WIDTH } from '@utils/constants';
 import { Box } from 'components/molecules/Box';
 import { Button } from 'components/molecules/Button';
 import { Typography } from 'components/molecules/Typography';
-import React, { useEffect } from 'react';
 import { IPeople } from 'src/interfaces/IPeople';
-import { theme } from 'theme';
-interface CardPeopleProps extends IPeople {
+interface CardPeopleProps extends Pick<IPeople, 'name' | 'homeworld'> {
   onPress: () => void;
 }
 const CardPeoples = ({ name, homeworld, onPress }: CardPeopleProps) => {
   return (
     <Box width="100%">
       <Button
         width={WINDOW_DEVICE_WIDTH * 0.8}
-        px={'16px'}
-        m={2}
+        px={'ls'}
+        m={'xs'}
         key={name}
         variant="rounded"
         height={80}
         onPress={onPress}
-        bg={'primary'}>
+        bg={'primary'}
+        testID="Button">
         <Typography color={'secondary'}>{name}</Typography>
         <Typography color={'secondary'}>{homeworld}</Typography>
       </Button>