酶测试由于在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