enzyme

2熱度

1回答

我有一個組件庫，我有一個Tooltip組件，該組件在文檔正文的底部呈現tooltip div。如何在假DOM中渲染Tooltip組件，然後測試div元素是否在我徘徊於Tooltip組件之後出現？所以：首先我必須來渲染/第一安裝一個工具提示組件。模擬一個事件fe wrapper.find('span').simulate('mouseenter') 檢查<div>元素是否出現在正確的位置（作爲

0熱度

1回答

淺試React branch Jest and Enzyme

有三件事我想弄清楚。現在我正在使用淺層渲染。我使用Enzyme和Jest。我想知道如何測試我的React組件中的分支。 I 想測試if-else語句（？:)的兩側。而且我不想用自己的功能把它拉出來。如何在輸入更改時檢查this.props.myFuncFromProps（value）是否被稱爲？什麼是測試mapStateToProps和 mapDispatchToProps的最佳實踐？這

7熱度

2回答

如何在每個測試中更改jest模擬函數返回值？

我有一個這樣的模擬模塊中的我的組件測試文件 jest.mock('../../../magic/index',() => ({ navigationEnabled:() => true, guidanceEnabled:() => true })); 這些功能將被稱爲呈現我的組件隱藏和顯示一些特定功能的功能。我想爲這些模擬函數的返回值的不同組合拍攝快照。爲假設

0熱度

1回答

如何單元測試依賴視覺數據的React組件

我正在構建一個響應類別欄，將所有不可見類別置於下拉內。所有這些類別名稱都有一個不固定的寬度（這取決於文本）。我正在使用Jest &酶進行測試。基本上，組件需要做的是計算不適合可見欄的所有類別，並在組件狀態中填充名爲invisibleCategories的數組以填充下拉數據。哪個單元測試會更好？由於邏輯數據和狀態取決於視覺環境，我不確定設置測試的正確方法。你會在一個固定寬度的div（即1000p

0熱度

1回答

Spying on React子組件方法

我試圖用jest和酶測試我的React組件。我有一個使用react-skylight組件的表單組件。我在表單提交上觸發.show()函數，並在服務器響應成功時觸發。我的測試是目前這樣的： import MyForm from './MyForm'; import Popup from 'react-skylight'; describe('<MyForm />',() => {

4熱度

1回答

如何將jest特定設置添加到create-react-native-app？

我創建了一個項目，create-react-native-app，我想用jest-enzyme的匹配，在其自述有關於如何使用create-react-app使用它section，但我沒有找到如何與create-react-native-app使用它的任何信息。要添加這些匹配器，我需要的是創建一個笑話安裝文件，但create-react-native-app沒有看到允許自定義笑話安裝文件。所以有

1熱度

1回答

測試React組件方法正在調用函數傳遞作爲道具

我想測試一下，當從React組件調用方法時，它將觸發傳遞給組件的函數作爲道具。的方法是這樣的： customMethod() { // Do something this.props.trackEvent({ category: 'eventCategory', action: 'eventAction', label: 'eventActio

2熱度

1回答

搞清楚如何模擬窗口大小變化的反應組件測試

所以基本上當組件掛載時，我有一個事件監聽器偵聽調整大小事件。它切換isMobileView狀態，然後將其作爲道具傳遞給子節點。所以這是必要的，這是有效的，並經過測試。我相當新的測試，我試圖找出一種方式，我可以編寫一個測試，調整窗口的大小，使所有的邏輯發生，並測試它執行它應該如何。這裏是代碼 - componentDidMount() { this.setMobileViewState(

0熱度

1回答

爲什麼componentWillReceiveProps只有在組件最初有道具時才被觸發？

在編寫測試時，我注意到了componentWillReceiveProps的莫名其妙的行爲。這個掛鉤似乎只有在組件最初用道具安裝時纔會觸發。看起來好像我在「空」組件上做component.setProps()時，componentWillReceiveProps要麼未被觸發，要麼沒有效果。 // TEST fails: test('tracking URL preview input fie

0熱度

1回答

酶 - 測試限制航線

所以我從react-router (v4)創建基於Route一個RestrictedRoute成分，並使用從recomposebranch方法： import React from 'react'; import { connect } from 'react-redux'; import { compose, branch, renderComponent } from 'recompose