プライベートなステートレスコンポーネントの機能をテストする最良の方法は何ですか？

Question

のは、我々はこのステートレスなコンポーネント

import React from ‘react’; 

const HelloWorld = ({name}) => (

    const sayHi = event => { 
    alert(`Hi ${name}`); 
    } 

    return (
    <div> 
     <a 
     href="#" 
     onClick={sayHi}>Say Hi</a> 
    </div> 
); 
); 

export default HelloWorld; 

sayHi機能をテストする最善のアプローチは何を持っているとしましょうか？
私はユニットテストを行うことを知っています。

Answer 1

Jest docsを見ると、これはかなり簡単です。基本的には、クリックをシミュレートしてalertコールを偽装/スパイしたいとします。

大体このような何か：

import React from 'react'; 
import {shallow} from 'enzyme'; 

test('that alert is called when clicking link',() => { 

    const testName = 'Jack'; 
    // Render a checkbox with label in the document 
    const hw = shallow(
    <HelloWorld name={testName} /> 
); 

    const alert = jest.fn(); 

    hw.find('a').simulate('click'); 
    expect(alert).toBeCalledWith('Hi ' + testName); 
});