如何測試正在從反應組件調用 window.open
[英]How to test window.open is being called from a react component
我有一個反應組件，它呈現一系列其他組件，每個組件都有自己的復選框。 有一個名為 rulesToDownload 的狀態鈎子，它以一個空數組開始，並在選中/取消選中復選框時向其中添加/刪除 ID。 當“下載”按鈕被點擊時，rulesToDownload 數組被傳遞給一個數據函數 DownloadF ...
監視組件測試中的操作時遇到麻煩
[英]Having trouble spying on an action within a component test
我正在嘗試使用chai-spies測試已調度的動作。 我嘗試了各種故障排除方法，但無法通過測試。 我試圖同時監視(component.prototype, 'method)和(wrapper.instance().props.store, 'dispatch') ，但均未成功。 這 ...
如何配置酶-柴？
[英]How do I configure the enzym-chai?
我想在賽普拉斯中使用enzym-chai。 我的源代碼看起來像這個ProductList 產品 測試看起來像這樣 配置文件如下所示： 當我執行測試TypeError時收到以下錯誤消息：Expect（...）。to.be.present不是 ...
每次測試前酶還原getEelemenById
[英]Enzyme restore getEelemenById before each test
我在beforeEach getElementById進行beforeEach ，並希望在另一個測試之前將其還原，然后再次使用另一個返回值進行存根。 因為現在我收到錯誤TypeError: Attempted to wrap getElementById which is already wr ...
酶測試 React.createRef()
[英]Enzyme Test React.createRef()
我有一個組件，我在其中使用了新的React.createRef() api，如何測試document.activeElement應該等於當前的 ref 組件。 成分 ： export class Automatic extends Component { componentDidMount ...
當函數作為prop傳遞時調用帶有酶的函數-React
[英]Invoke a function with enzyme when function is passed down as prop - React
我有一個說onClickOfCreateAccountButton的函數，單擊某個按鈕時會從我的子組件中調用它，但是邏輯寫在父組件中。 我如何模擬它？ 我的代碼： 覆蓋范圍： ...
如何使用Sinon JS存根動態導入
[英]How to stub dynamical import with Sinon JS
我嘗試使用sinon js存根導入，如何實際地做到這一點， import XLSX from 'xlsx' beforeEach(() => sinon.stub(sheetJS).resolve({})) -對我不起作用，我resolve is not a function cath錯誤 ...
React更新為16.0失敗的測試用例
[英]React Updated For 16.0 Failing Test Cases
我用16.0.0更新了react版本，並用2.8.6更新了酶，但是仍然出現錯誤，找不到模塊react / lib / React。 如何解決這些問題 正在配置Mocha ...警告：ReactTestUtils已移至react-dom / test-utils。 更新引用以刪除此警 ...
錯誤：方法“ props”僅應在單個節點上運行。 找到2個代替
[英]Error: Method “props” is only meant to be run on a single node. 2 found instead
我試圖模擬我的“更改”功能，並嘗試測試是否調用“ setCampaignDate”。 這里的問題是find返回的淺層組件的長度為2： 嘗試在“ datepickers”上調用simulator時，出現以下錯誤： 'Error: Method “props” is only mea ...
JSLint拋出錯誤-預期分配或函數調用，而是看到一個表達式
[英]JSLint is throwing an Error - Expected an assignment or function call and instead saw an expression
我正在嘗試為組件編寫測試用例。 測試用例正在通過。 但是JS皮棉在煩我。 它拋出錯誤-：預期分配或函數調用，而是看到一個表達式 錯誤將在這里出現：Expect（dummyOutput.find（'h1.screen-reader-text'））。to.exist; 我完整的測試 ...
使用酶，正弦波測試反應成分內部的圖像加載
[英]Test image onload inside react component using enzyme, sinon
我正在嘗試測試組件內部的圖像正在調用函數回調。 這是組件： 然后我的測試會掛載該組件，然后監視回調函數： 測試失敗，因為內部Img標記從不調用其onload或onerror方法。 在生產中，代碼運行良好，可能與測試環境有關。 就像Img標簽一樣，它對設置的url沒有反應 ...
如何在Karma的捆綁中應用Chai插件？
[英]How do I apply Chai plugins across bundles in Karma?
我正在使用Karma + Mocha + Chai + Webpack運行測試。 我想在我的測試中應用多個Chai插件。 我正在使用下面的Karma配置，它將我的測試分成多個捆綁包。 我嘗試使用karma-chai創建一個全局chai實例，然后加載將插件應用於全局實例的代碼。 （參見 ...
將mocha，chai，chai酶與react-create-app一起使用
[英]Use mocha, chai, chai-enzyme with react-create-app
我正在為我的React應用程序使用react-create-app樣板及其精彩之處。 但是我對Jest測試框架的工作方式不太滿意，我想使用mocha，chai，chai-enzyme。 如何將測試框架更改為上述堆棧？ 謝謝。 ...
如何使用 React+enzyme 測試子組件不存在
[英]How to test that a sub component doesn't exist with React+enzyme
假設我有一個組件，它有一個控制按鈕是否顯示的道具。 我正在添加以下測試以確保始終觀察到道具。 我的問題是：有沒有更好的方法來測試組件中不存在的東西？ 我正在尋找更詳細的內容。 是否有另一個像.to.not.exist這樣的.to.not.exist ？ ...
Enzyme Shallow（）返回一個無法正確使用選擇器的元素
[英]Enzyme Shallow() returns an element that doesn't work with selectors correctly
我希望這可以工作，但它沒有： 我得到假，雖然我期待它返回真實。 使用mount()而不是shallow()返回true 為什么？ 謝謝！ ...
使用酶測試React組件狀態的變化並監視實例方法
[英]Testing changes to React component state and spying on instance methods using enzyme
我正在開發一個包裝器組件，用於在React中平滑地加載圖像。 我使用含有mocha，chai和sinon的酶對我的組件進行單元測試。 在這里的測試中，我試圖測試： 加載圖像時更新組件的狀態 調用組件上的onLoad實例方法 我發現，對狀態的更新既不會被酶反映，也不 ...
用酶模擬“更改”后，復選框未“選中”
[英]Checkbox is not `checked` after simulate `change` with enzyme
我嘗試使用酶來模擬復選框上的change事件，並使用chai-enzyme來斷言它是否已被選中。 這是我的Hello反應組件： 我的測試： 當我運行這個測試時， checkbox.get(0).checked是false ，並且斷言checkbox.should.be.checked()報 ...
如何使用多個<a>標簽</a>聲明一個React組件<a>的</a> <a>標簽具有給定的href</a>
[英]How to assert a React component with multiple <a> tags has an <a> tag with a given href
我正在嘗試為React組件編寫Mocha測試。 基本上，組件需要呈現一個<a>標簽，其href設置為傳入的屬性中的值。問題是，組件可以以不可預測的順序呈現多個<a>標簽，而其中只有一個必須具有正確的href。 我正在使用酵素 ， 柴和柴酶 以下是我的真實代碼 ...