Как использовать useState при тестировании?

Question

Я пытаюсь попрактиковаться в тестировании с React Hook и столкнулся с проблемой при написании тестовых кодов.

Я пытался использовать пакеты React Hook Testing Library и React Testing Library, но постоянно сталкивался с синтаксической ошибкой.

app.tsx (абстрактные коды)

// обработка имени пользователя и пароля уже реализована в части рендеринга файла

const [usernameInput, setUsernameInput] = useState<string>(''); 
const [passwordInput, setPasswordInput] = useState<string>('');
const [status, setStatus] = useState<boolean>(false)
const handleSubmit = (()=> {
if(usernameInput !=='' && passwordInput !==''){
      setStatus(true)
}
})

Я хотел бы написать тестовый код, который мог бы проверить, установлено ли состояние в значение true, если в параметрах usernameInput и passwordInput из App.tsx обнаружены входные данные. Было бы здорово, если бы кто-нибудь знал, как реализовать тест по вышеописанному сценарию.