I want to test click event on group of buttons . while adding into a loop it throws simulate is not a function ,

Question

const buttons: IButton[] = [ { children: 'Back', variant: 'gray', onClick: mockCallBack }, { children: 'Skip Recommended', onClick: mockCallBack

},
{
    children: 'Next',
    onClick: mockCallBack
},

];

getting this error :

TypeError: val.simulate is not a function                                                                                                                            
                                                                                                                                                                         
      50 |                                                                                                                                                               
      51 |         components.map((val, index) => {                                                                                                                      
    > 52 |             return val.simulate('click')                                                                                                                      
         |                        ^
      53 |         })
      54 |         expect(mockCallBack.mock.calls.length).toEqual(components.length);
      55 |         // components.forEach((c, i) => {

 it('Test click event', () => {
        const components = Array.from(wrapper.find('button'));

        console.log("components", components, components.length)

        components.map((val, index) => {
            return val.simulate('click')
        })
        expect(mockCallBack.mock.calls.length).toEqual(components.length);
       

    });