react-testing-library-article-7

sum.tsx

import React, { useState } from "react";
const Sum = () => {
  
  const [value1, setValue1] = useState();
  const [value2, setValue2] = useState();
  const [result, setResult] = useState();
  
  const calculateSum = () => setResult(value1 + value2);
  
  return (
    <div>
     <input 
       data-testid="value1" 
       value={value1}
       onChange={e => setValue1(e.target.value)}
     />
     <input 
       data-testid="value2" 
       value={value2}
       onChange={e => setValue2(e.target.value)}
     />
     <button data-testid="sum-button" onClick={calculateSum} /> 
     <p data-testid="result-txt">{result}</p>
    </div>
   );
};

export default Sum;