通過來自React組件的文本選擇DOM元素

Question

我正在測試反應組件，並需要模擬組件內特定元素的單擊。我不想僅僅爲了測試而添加id，有沒有辦法通過文本選擇這個元素？

const ReactTestUtils = require('react-test-utils'); 
const Sidebar = require('components/sidebar'); 

describe('clicking on More button', function() { 
    it('triggers analytics event', function() { 
    const component = renderComponent(<Sidebar policyPreferences={ this.policyPreferences } />); 

    const moreButton = component.getDOMElementByText('More'); // <- I need something like this 
    ReactTestUtils.Simulate.click(moreButton); 

    expect(analytics.track).toHaveBeenCalled(); 
    } 
} 

Answer 1

通過所有元素以下功能重複，直到它找到一個與匹配的文本：

function getElementByText(text){ 
    var all = document.getElementsByTagName("*"); 

    for (var i=0, max=all.length; i < max; i++) { 
     if (all[i].innerHTML == text){ 
      return all[i]; 
     } 
    } 
    return null; 
}