測試

編寫測試以防止回歸錯誤並撰寫更好的程式碼。

使用者空間

一般建議在測試您的應用程式時，不要將測試與 Material UI 綁定得太緊密。這也是 Material UI 元件內部測試的方式。對於此方法，一個具有一流 API 的函式庫是 @testing-library/react。

例如，在渲染 TextField 時，您的測試不應需要查詢特定 Material UI 的 TextField 實例，而是查詢 input 或 [role="textbox"]。

透過不依賴 React 元件樹狀結構，您可以使您的測試更可靠地應對 Material UI 的內部變更，或者，如果您需要快照測試，則可以添加額外的包裝元件，例如 context providers。儘管如此，我們不建議快照測試。Kent C. Dodds 的「有效的快照測試」更詳細地說明了為什麼快照測試可能對 React 元件測試產生誤導。

內部

我們為 Material UI 準備了廣泛的測試，因此我們可以放心地迭代元件，例如，Argos 提供的視覺回歸測試已被證明非常有用。若要進一步了解內部測試，您可以查看README。