DEV Community
·
使用Playwright进行测试：在测试中使用i18next翻译，而不是`t('key')`
💡
原文英文，约1100词，阅读约需4分钟。
📝
内容提要
本文介绍了如何在React应用中使用Playwright测试i18next翻译，通过用实际短语替换翻译键来提高可读性，简化测试代码。提供了示例代码和实现细节，适用于任何使用i18next的项目。
🎯
关键要点
- E2E测试本地化应用程序具有挑战性，翻译键使测试代码难以阅读和维护。
- 本文展示了如何在React应用中使用Playwright测试i18next翻译，采用简化的方法避免使用翻译键。
- 使用实际短语代替i18n键可以提高测试的可读性。
- 提供了示例代码，展示如何在测试中使用实际短语。
- 实现的关键是将翻译键与短语进行交换，以便在测试中使用。
- 提供了一个实用的TypeScript和Deno实现，用于交换JSON文件中的键和值。
- 创建了一个用于Playwright的i18n fixture，以更好地控制翻译和语言设置。
- 建议创建一个index.ts文件来导出所有fixture，以便在测试文件中导入。
- 祝愿大家在使用Playwright和i18next进行测试时一切顺利！
❓
延伸问答
如何在React应用中使用Playwright测试i18next翻译？
可以通过用实际短语替换翻译键来提高可读性，简化测试代码，避免使用翻译键。
为什么使用实际短语而不是翻译键进行测试？
使用实际短语可以提高测试的可读性，使测试代码更易于维护。
如何实现翻译键与短语的交换？
可以创建一个实用函数，将JSON文件中的键和值进行交换，以便在测试中使用。
Playwright中的i18n fixture有什么作用？
i18n fixture用于初始化i18next实例，并控制翻译和语言设置，以便在测试中使用。
如何在Playwright测试中导入所有fixture？
建议创建一个index.ts文件来导出所有fixture，以便在测试文件中导入。
使用TypeScript和Deno如何生成交换后的翻译JSON？
可以编写一个脚本，读取翻译文件并使用swapKeysAndValues函数生成交换后的JSON文件。
🏷️
标签
➡️
