Test react-native switch

I’m using the switch component from react-native and I’m trying to test the toggle change. I’m using fireEvent.press but is not working. It returns No handler function found for event: "press"

Could anyone help me?

Versions:

   @testing-library/react-native: 7.0.1 
    react: 16.11.0 
    react-native: 0.62.2 
    react-test-renderer: 16.11.0 

This is my code:

 <Switch
                    testID="switch"
                    onValueChange={onToggleSwitch}
                    value={value}
                    thumbColor={value ? AppColors.Orange : AppColors.Gray2}
                />

 describe('when the switch is pressed', () => {
        beforeEach(() => {
            const { getByTestId } = getComponent();
            const switchComponent = getByTestId('switch');
            fireEvent.press(switchComponent);
        });

        it('should fire `props.onToggleSwitch`', () => {
            expect(props.onToggleSwitch).toHaveBeenCalledTimes(1);
        });
    });

Thanks!

[NicholasIoanJones]

I solved this with fresh eyes this morning and wanted to share in case it helps somebody else.

The main problem was my mistake - I was getting the wrong component from the render

For clarity on using the generic form, my working code looks like this:

        const switchComponent = component.getByTestId(`form-switch-${switchProps.basicProps.itemDef.id}`);
        fireEvent(switchComponent, 'valueChange', true);

[thymikee]

There’s no “onPress” on Switch. There’s “onValueChange” so please use that as a value for fireEvent() fn