mariocsantos

import React from 'react';

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

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';
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')).not.toHaveLength(3);
  });
});

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 />);
    screen.debug();
  });
});

mariocsantos

import React, { useState } from 'react';

function FavoriteFood() {
  const [favoriteFood, setFavoriteFood] = useState('');
  
  const handleChange = (event) => {
    setFavoriteFood(event.target.value);
  }

  return (

mariocsantos

import React from 'react';
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

import { FavoriteFood }  from '../FavoriteFood';

describe('FavoriteFood', () => {
  it('should disable add food button', () => {
    render(<FavoriteFood />);
    expect(screen.getByRole('button')).toBeDisabled();

mariocsantos

import React from 'react';
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

import { FavoriteFood }  from '../FavoriteFood';

describe('FavoriteFood', () => {
  it('should submit form', () => {
    const onSubmitMock = jest.fn();
    render(<FavoriteFood onSubmit={onSubmitMock} />);

mariocsantos

import React, { useState } from 'react';

function FavoriteFood({ onSubmit }) {
  const [favoriteFood, setFavoriteFood] = useState('');
  
  const handleChange = (event) => {
    setFavoriteFood(event.target.value);
  }

  const handleSubmit = (event) => {

mariocsantos

import React, { useEffect, useState } from 'react';

import { getFavoritesFood } from './api';

function FavoriteFoodList() {
  const [list, setList] = useState([]);

  const getList = async () => {
    const newList = await getFavoritesFood();
    setList(newList);

mariocsantos

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

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