Как вы проверяете отсутствие элемента с помощью библиотеки jest и react-testing-library?

Из Документы библиотеки тестирования DOM - появление и исчезновение

Утверждающие элементы отсутствуют

Стандартные getBy методы выдают ошибку, когда не могут найти элемент, поэтому, если вы хотите заявить, что элемент не присутствует в DOM, вы можете вместо этого использовать queryBy API:

const submitButton = screen.queryByText('submit')
expect(submitButton).toBeNull() // it doesn't exist

Версия API queryAll возвращает массив совпадающих узлов. Длина массива может быть полезна для утверждений после добавления или удаления элементов из DOM.

const submitButtons = screen.queryAllByText('submit')
expect(submitButtons).toHaveLength(2) // expect 2 elements

not.toBeInTheDocument

Библиотека утилит jest-dom предоставляет средство сопоставления .toBeInTheDocument(), которое можно использовать для подтверждения того, что элемент находится в теле документа или нет. Это может быть более значимым, чем утверждение результата запроса null.

import '@testing-library/jest-dom/extend-expect'
// use `queryBy` to avoid throwing an error with `getBy`
const submitButton = screen.queryByText('submit')
expect(submitButton).not.toBeInTheDocument()

Используйте queryBy / queryAllBy.

Как вы говорите, getBy* и getAllBy* выдают ошибку, если ничего не найдено.

Однако эквивалентные методы queryBy* и queryAllBy* вместо этого возвращают null или []:

queryBy

queryBy* запросы возвращают первый совпадающий узел для запроса и возвращают null, если ни один элемент не соответствует. Это полезно для утверждения элемента, которого нет. Это срабатывает, если найдено более одного совпадения (вместо этого используйте queryAllBy).

queryAllBy queryAllBy* запросы возвращают массив всех совпадающих узлов для запроса и возвращают пустой массив ([]), если ни один элемент не соответствует.

https://testing-library.com/docs/dom-testing-library/api-queries#queryby

Таким образом, для конкретных двух, которые вы упомянули, вы вместо этого использовали бы queryByText и queryByTestId, но они работают для всех запросов, а не только для этих двух.

Вы должны использовать queryByTestId вместо getByTestId.

Вот пример кода, в котором я хочу проверить, не существует ли компонента с идентификатором «автомобиль».

 describe('And there is no car', () => {
  it('Should not display car mark', () => {
    const props = {
      ...defaultProps,
      base: null,
    }
    const { queryByTestId } = render(
      <IntlProvider locale="fr" messages={fr}>
        <CarContainer{...props} />
      </IntlProvider>,
    );
    expect(queryByTestId(/car/)).toBeNull();
  });
});

getBy * выдает ошибку, когда не находит элементы, поэтому вы можете проверить это

expect(() => getByText('your text')).toThrow('Unable to find an element');

Вы можете использовать react-native-testing-library "getAllByType", а затем проверить, является ли компонент нулевым. Имеет то преимущество, что не нужно устанавливать TestID, также должен работать со сторонними компонентами.

 it('should contain Customer component', () => {
    const component = render(<Details/>);
    const customerComponent = component.getAllByType(Customer);
    expect(customerComponent).not.toBeNull();
  });

Другое решение: вы также можете использовать блок try/catch

expect.assertions(1)
try {
    // if the element is found, the following expect will fail the test
    expect(getByTestId('your-test-id')).not.toBeVisible();
} catch (error) {
    // otherwise, the expect will throw, and the following expect will pass the test
    expect(true).toBeTruthy();
}