mariocsantos

import React from 'react';
import { render, screen } from '@testing-library/react';
import { FavoriteFoodList }  from '../FavoriteFoodList';

describe('FavoriteFoodList', () => {
  it('should render my favorites food', () => {
    render(<FavoriteFoodList />);
    expect(screen.getAllByRole('listitem')).toHaveLength(3);
  });
});

mariocsantos

import React from 'react';

function FavoriteFoodList() {
  return (
    <ul>
      <li>Hamburguer 🍔</li>
      <li>Pizza 🍕</li>
      <li>Barbecue 🥩</li>
    </ul>
  );