我有一个场景，当用户在没有同意条款的情况下点击Next按钮时，我应该抛出一个错误，说'请同意条款'，所以我需要使用Jest和React测试库为它编写一个单元测试用例。我如何才能实现这一点。

import Terms from "./Terms";
import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <Terms />
    </div>
  );
}

const { useState } = require("react");

function Terms() {
  const [checked, setChecked] = useState(false);
  const [errorMessage, setErrorMessage] = useState(false);
  const onNext = (e: React.FormEvent) => {
    e.preventDefault();
    if (checked !== true) {
      setErrorMessage(true);
    } else {
      setErrorMessage(false);
    }
  };
  const handleCheckBoxChange = (e: React.FormEvent) => {
    const result = (e.target as HTMLInputElement).checked;
    setChecked(result);
  };

  return (
    <div>
      <h1>Terms</h1>
      <input type="checkbox" value={checked} onChange={handleCheckBoxChange} />
      <label>click to agree the terms</label>
      <br />
      {errorMessage && <p>Please agree the terms before proceeding</p>}
      <button onClick={onNext}>Next</button>
    </div>
  );
}
export default Terms;