如何解决使用 next-translate 和 i18n 测试组件
在我们的 Next.js 应用中,我们使用 vinissimus/next-translate 包进行翻译。 我们进行了相应的设置:
next.config.js:
const nextTranslate = require('next-translate')
module.exports = nextTranslate()
i18n.js 配置文件:
{
"locales": ["en"],"defaultLocale": "en","pages": {
"*": ["en"],"/": ["en"],}
}
通过 useTranslation 钩子在组件内部使用它:
const App = () => {
const { t,lang } = useTranslation();
return (
<Homepage>
<span>{t(`${lang}:homepage.title.header`)}</span>
</Homepage>
我的问题是如何用 react-testing-library 开玩笑地测试它?
当我在测试中渲染我的组件时,翻译不起作用,只返回密钥。另外,我想通过 getByText / findByText 测试它并通过:
{t(`${lang}:homepage.header`)}
如果我没有在应用中使用任何 i18nProvider 而只使用这个 i18n.js 配置,我该如何设置某种包装器或配置来进行测试? >
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。