Suppose we have a functional component as below.
const Test: React.FC = () => {
const isItemSelected = () => { console.log('Hi); };
return (
<div> </div>
);
};
And I want to invoke isItemSelected function directly while writing unit test without simulating any click or change event. Is it possible ?
One way to easily do this, without using any additional frameworks for testing, is to take your business logic and keep it separate from the actual React Components, so in your case you could define your function as such:
const isItemSelected = () => { console.log('Hi'); };
const Test: React.FC = () => {
return (
<div> </div>
);
};
Now you can write simple unit tests for isItemSelected. If you have dependencies in your function to let's say a 'setState', you can just pass that as an argument to your function. But be careful, if you don't actually have any logic, then you are trying to unit test UI, which is generally not needed, that might be a testing anti pattern.
Also see: http://blog.codepipes.com/testing/software-testing-antipatterns.html
