af1a5cc2f1
* Toolbar ARIA Labels * Ensure all tests use real translations All tests should import the 'test-utils' file which re-exports all of the @testing-library functions. It wraps render() in a react-i18next instance. It's important that the component being tested is the one returned from withTranslation(). Co-authored-by: ov <omar.verduga@gmail.com>
40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
/**
|
|
* This file re-exports @testing-library but ensures that
|
|
* any calls to render have translations available.
|
|
*
|
|
* This means tested components will be able to call
|
|
* `t()` and have the translations of the default
|
|
* language
|
|
*
|
|
* See: https://react.i18next.com/misc/testing#testing-without-stubbing
|
|
*/
|
|
|
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
import { render } from '@testing-library/react';
|
|
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
|
|
import { I18nextProvider } from 'react-i18next';
|
|
import i18n from './i18n-test';
|
|
|
|
// re-export everything
|
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
export * from '@testing-library/react';
|
|
|
|
const Providers = ({ children }) => (
|
|
// eslint-disable-next-line react/jsx-filename-extension
|
|
<I18nextProvider i18n={i18n}>
|
|
{children}
|
|
</I18nextProvider>
|
|
);
|
|
|
|
Providers.propTypes = {
|
|
children: PropTypes.element.isRequired,
|
|
};
|
|
|
|
const customRender = (ui, options) =>
|
|
render(ui, { wrapper: Providers, ...options });
|
|
|
|
// override render method
|
|
export { customRender as render };
|