酶測試由於在React 16中掉毛而失敗

Question

我正在將項目升級到React16。在運行yarn test許多測試現在由於掉毛/格式化錯誤而失敗，例如

  + expected - actual

             disabled={false}
             name="ticketTime"
             placeholder="Setup instructions.."
             rows={10}
          -  value="Sample text"
          ->
          +  value="Sample text">


...

      -          "label": "one",
      +          "label": "one"
               }
      -      }
      -    >
...

    + expected - actual

           <div>
          -  <h1
          -    key="0"
          -  >
          +  <h1>

有誰知道為什么會發生這種情況以及如何修復測試？

Answer 1

根據我們在評論中的對話，聽起來您正在將Jest與Enzyme一起使用，並且可能需要更新快照：

jest --updateSnapshot

這將按照當前代碼呈現HTML，以反映可能會使HTML有所不同的任何更改（包括更改），並更新快照文件。

運行測試時，他們將檢查快照，如果快照不是最新的，則測試將失敗。

https://facebook.github.io/jest/docs/en/snapshot-testing.html

Answer 2

您可以使用以下方法更新快照：

yarn test -- -u