1
我試圖通過測試JS做出反應產生的這片HTML的:遍歷與DOM陣營JS
<div class="media-img">
<img src='images-name.jpg' />
</div>
正如你所看到的圖像沒有類的名字,我不能把一個上。我正在使用Jasmine來嘗試測試圖像的src是否正確。但我似乎無法掌握React中的圖像元素。在jQuery中,這很容易,我可以使用$('.media-img img'),有沒有一種方法可以遍歷React中的DOM?
這是我到目前爲止有:
var React = require('react'),
TestUtils = React.addons.TestUtils,
Component = require('component'),
renderedComponent;
function renderComponent(data) {
data = data || {};
renderedComponent = TestUtils.renderIntoDocument(
React.createElement(Component, data)
);
}
var imageURL = 'http://lorempixel.com/g/400/200/',
image,
imageSection;
renderComponent({
src: imageURL
});
imageSection = TestUtils.scryRenderedComponentsWithType(renderedComponent, 'media-img');
image = TestUtils.findRenderedDOMComponentWithTag(imageSection, 'img');
expect(image.src).toBe(imageURL);
但它無法正常工作。看起來你不能將React組件傳遞到另一個組件,因爲我試圖在底部做。那麼如何遍歷虛擬DOM?
普羅蒂普:沒有測試DOM - 直接測試你的組件。 – 2014-11-25 11:38:58
如何直接測試組件?我無法抓住圖像組件來測試它。 – Stormdamage 2014-11-25 15:09:02