Verifique que el botón esté deshabilitado en react-testing-library

Solución:

Confirmar si el botón está deshabilitado

Puedes usar el toHaveAttribute y closest para probarlo.

import { render } from '@testing-library/react';

const { getByText } = render(Click);
expect(getByText(/Click me/i).closest('button')).toHaveAttribute('disabled');

o toBeDisabled

expect(getByText(/Click me/i).closest('button')).toBeDisabled();

---

Confirmar si el botón está habilitado

Para comprobar si el botón está habilitado, utilice not como sigue

expect(getByText(/Click me/i).closest('button')).not.toBeDisabled();

Puedes usar toBeDisabled() de @testing-library/jest-dom, es un comparador de bromas personalizado para probar el estado del DOM:

https://github.com/testing-library/jest-dom

Ejemplo:

<button>Submit</button>

expect(getByText(/submit/i)).toBeDisabled()

Para alguien que busca la prueba, ¿cuál es el botón? No desactivado.

import { render } from '@testing-library/react';

const { getByText } = render(Click);
expect(getByText(/Click me/i).getAttribute("disabled")).toBe(null)

---

---

Utiliza Nuestro Buscador