how can i test component with next-translate?

[Cleysonlb]

hey, I'm in doubt how I could test a component that has translation, for example:

import React from 'react';
import '@testing-library/jest-dom';
import '@testing-library/jest-dom/extend-expect';
import { render, screen } from '@testing-library/react';
import Home from '../index';
import I18nProvider from 'next-translate/I18nProvider';

describe('<Home />', () => {
  it('should render Home', async () => {
    render(
      <I18nProvider lang="en">
        <Home />
      </I18nProvider>
    );

    expect(
      screen.getByText('translation:home.description')
    ).toBeInTheDocument();
  });
});

should i only test the existence of the key?
even after passing the test a warning is displayed

[aralroca]

You can disable the warning adding a custom logger on I18nProvider. You can pass the i18n.json config to I18nProvider as a prop, example:

https://github.com/vinissimus/next-translate/blob/1.0.0/__tests__/Trans.test.js#L8

[Cleysonlb]

Thanks @aralroca 👍