可选的链接运算符开玩笑测试答案

【问题标题】：optional chaining operator jest testing可选的链接运算符开玩笑测试
【发布时间】：2021-01-02 14:18:25
【问题描述】：

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

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

【问题讨论】：

这个columnResizing 来自哪里？从道具，一些函数调用或单独的常量？一般来说，您只需要将 columneResizing 设为 undefined，但如何实现取决于它的来源

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案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"
   ]

【讨论】：