可選鏈操作符開玩笑測試

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