可选链操作符 Jest 测试

Question

我是新手想要进行jest测试，现在寻求社区的指导。我需要编写一个针对以下代码块的jest测试。环境使用jest、enzyme和chai。我已经搜索了很多示例，但都没有找到可选链接运算符测试的示例或链接。请大家提供任何能够帮助我找到正确方向的示例或链接。

<TableCell
   key={i}
   size={columnResizing?.columnWidths[column.id] || column.size}
/>

- Brown

---

这个 columnResizing 是从哪里来的？是从 props、某个函数调用还是单独的常量？通常你只需要将这个 columnResizing 设置为 undefined，但如何实现取决于它来自哪里。 - skyboyer

Answer 1

要启用可选链，按照以下步骤安装它：

yarn add @babel/plugin-proposal-optional-chaining --dev

安装完成后，您需要确保在babel插件部分注册它，方法如下：

{
  "plugins": ["@babel/plugin-proposal-optional-chaining"]
}

- sglazkov

---

感谢您的输入，我会把它加入到我的项目中。 - Brown

Answer 2

如果有人在jest + testing-library/react堆栈中使用可选链接遇到问题。

测试失败，因为"不支持实验性语法'optionalChaining'，当前未启用"可以通过添加解决

yarn add @babel/plugin-syntax-optional-chaining @babel/plugin-syntax-optional-chaining --dev

在 .babelrc 文件中添加插件以启用转换：

  "plugins": [
    "@babel/plugin-syntax-optional-chaining",
    "@babel/plugin-proposal-optional-chaining"
   ]

- Aga