堆棧內存溢出
cost 64 ms
如果調用 Luxon 函數，使用 React 測試庫測試 Luxon Datetime 會導致錯誤

[英]Testing Luxon Datetime with React Testing Library results in error if calling Luxon functions

我找不到這個問題的答案所以如果重復請刪除。 我有使用 React Hook 形式 (7.22.5) 和 Luxon (2.3.1) 的 React (17.0.26) 組件。 這是組件定義本身是這樣的（無法提供完整的組件代碼）： 當我嘗試使用 React 測試庫運行測試以僅測試組件時，出現以下錯誤： ...

React 測試庫：測試按鈕點擊時的 API 調用

[英]React Testing Library: Testing an API call on button click

我正在為 React 組件Order編寫測試，它呈現用戶的訂單並允許用戶通過單擊“查看項目”按鈕查看訂單上的項目，這會觸發 API 調用。 以下是我為Order編寫的測試。 我在 API 調用上編寫測試時遇到了一些問題。import { render, fireEvent, screen } fro ...

用 Jest 模擬服務

[英]mock a service with Jest

嘗試編寫測試以提供以下代碼的代碼覆蓋率： 注意：服務中還有其他功能，但為簡潔起見僅列出一個。 我試圖通過此測試簡單地提供代碼覆蓋率： 注意：我試圖使用 require 而不是 import 但這似乎不起作用。 然而，這個測試通過似乎沒有提供代碼覆蓋率。 我試圖模擬 axios 調用，但我似乎無處可去 ...

測試 function 不被識別為全局 function

[英]test function is not recognized as a global function

我遵循了 acadamind.com 上的 JavaScript 單元測試教程，該教程講師使用 Vitest 進行演示，他們提到使用 Vitest 而不是 Jest 的原因是 Jest 需要一些額外的配置才能使用最新的 JavaScript 語法。 在對單元測試進行了自己的研究之后，我意識到 Je ...

React 測試庫條件渲染

[英]React testing library conditional rendering

我如何在測試庫中有條件地進行測試：渲染加載組件骨架正在工作但不知道如何模擬 useState？ 組件.test.tsx 我得到的錯誤是： TestingLibraryElementError: Unable to find an element by: [data-testid="displayTe ...

useNavigate 不適用於 React 測試模擬

[英]useNavigate doesn’t work on React test mock

我試圖用笑話來模擬 useNavigate 的實現，以使用反應測試庫測試組件，但是當我運行我的測試笑話時，我無法識別模擬的 function。 這是組件。 這是我的測試 當我運行這個測試時，它返回給我測試失敗。 我閱讀了一些文檔並看到了使用完全相同的模擬的示例，但對我來說它不起作用。 失敗的測試 ...

Jest mocking API 調用返回未定義

[英]Jest mocking API calls returning undefined

我是 mocking 我的<App/>發出的 API 調用，但調用的jest.mock返回未定義。 這是我的應用程序： 下面是 API 調用（返回一個 Promise）： 這是測試 API 調用的測試： 這是我在下面得到的錯誤。 我不確定為什么返回 Promise（正是應用程序期望返回的 ...

findByText 在多個組件上

[英]findByText over multiple components

我希望對某些組件進行一些測試。 但是，鑒於某些組件是嵌套的，它會失敗，但我想簡單地檢查文本是否呈現在屏幕上。 例如： 我不是要查看它們是否在正確的組件內呈現，而是要查看是否呈現文本“Hello World”。 從我在測試中看到的情況來看，事實並非如此。 ...

測試 setState 掛鈎時 Jest 測試返回 [function anonymous]

[英]Jest test returning [function anonymous] when testing setState hook

我之前問過這個問題，但這次我創建了一個最小的可重現示例。 下面是我的應用程序，其中包含一個 object state，並呈現一個 Sidebar 組件： 這是我的邊欄組件，它從state object 獲取count屬性，並在用戶單擊按鈕時更新count屬性： 下面是我的邊欄的 Jest 測試。 ...

如何將 React 測試庫“未包含在行為中”警告轉換為 Jest 單元測試錯誤

[英]How can I turn React Testing Library "not wrapped in act" warnings into Jest unit tests errors

我們正在使用 Jest 和 React 測試庫對我們的 React 應用程序進行單元測試。 我們得到了一些這樣的“經典”錯誤： 但是有些開發者干脆忽略了這種類型的錯誤。 因此，隨着時間的推移，測試 output 會充斥着這樣的警告。 而且我們的測試感覺不那么自信。 Jest 或 React Tes ...

React 測試庫未更新輸入字段中的 state

[英]React Testing Library not updating state in input field

我是 RLT 的新手，在我嘗試為輸入框編寫單元測試時遇到了這個奇怪的事情，RTL 只是不會更新 state 的輸入值，這是我的測試代碼： 這是我的反應代碼： 如您所見，在我的 React 代碼中，當運行測試時，第 7 行已經打印出“usa”，這是我在測試中傳遞的值，但似乎 RTL 只是卡在這里，不 ...

查詢 React 測試庫中的 React 根元素

[英]Querying the React root element in React Testing Library

在我的 React 組件中，一個帶有 id #keys的div從display: none到display: flex當你按下/並關注document時。 我使用 Jest 和 React 測試庫為此編寫了一個測試： 應用程序.tsx： 應用程序.test.tsx： 如您所見，在我的測試中，我查詢的 ...

Expo如何添加Jest-React測試庫

[英]How to add Jest-React testing library to Expo

我正在嘗試將Jest和React testing library安裝到我的expo 項目 (sdk 47)中。 安裝時我遇到了依賴沖突。 我是測試新手，你能幫我安裝一下嗎發現：react@18.1.0 npm 錯誤！ 節點模塊/反應 npm 錯誤！ react@"18.1.0" 來自根項目 npm ...

如何使用 RTL 斷言組件結構

[英]How to assert a component structure using RTL

我一直在開玩笑地對 nodejs 代碼進行單元測試，但現在我正在進入 RTL 進行 UI 測試，我有一些我不確定的事情。 你們是否有一些標准或方式來斷言組件的結構？ 例如，讓我們假設這個組件有多個嵌套的有序列表和無序列表，我正在研究它，雖然我可以簡單地在屏幕上做斷言。嵌套列表的那個組件中的一些文本上 ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM