react-testing-library-article-6

sum.test.tsx

import React from "react";
import { render, cleanup, fireEvent } from "@testing-library/react";
import Sum from "./Sum";
import "jest-dom/extend-expect";

describe("Sum", () => {
  it('should sum value1 and value2 and show the result', () => {
    const { getByTestId } = render(<Sum />);
    
    const firstInput= getByTestId("value1");
    fireEvent.change(firstInput, { target: { value: 1 } } );
    
    const secondInput= getByTestId("value2");
    fireEvent.change(secondInput, { target: { value: 1 } } );
    
    const sumBtn = getByTestId("sum-button");
    fireEvent.click(sumBtn);
    
    const result = getByTestId("result-txt");
    expect(result).toHaveTextContent(2);
  });
});