可选链操作符开玩笑测试

Question

较新的玩笑测试并与社区联系以寻求指导。 我需要围绕以下代码块编写一个笑话测试。 环境利用了笑话、酶和柴。 我在高低搜索了可选链运算符测试的示例。 任何人都可以提供的任何示例或链接为我指明正确的方向。

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

Answer 1

要启用可选链接，请安装它，如下所示：

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

安装后，您需要确保它已在您的 babel 插件部分中注册，如下所示：

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

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"
   ]