@brightlayer-ui/react-native-auth-workflow
Version:
Re-usable workflow components for Authentication and Registration within Eaton applications.
46 lines (45 loc) • 1.93 kB
JavaScript
import React from 'react';
import { cleanup, render, screen, fireEvent } from '@testing-library/react-native';
import { AuthContextProvider } from '../../contexts';
import { authContextProviderProps } from '../../testUtils';
import { ContactSupportScreen } from '../../screens/ContactScreen';
import { SafeAreaProvider } from 'react-native-safe-area-context';
afterEach(cleanup);
describe('Contact Support Screen', () => {
let mockOnNext;
afterEach(() => {
jest.clearAllMocks();
});
beforeEach(() => {
mockOnNext = jest.fn();
});
const renderer = (props) => render(React.createElement(AuthContextProvider, Object.assign({}, authContextProviderProps),
React.createElement(SafeAreaProvider, null,
React.createElement(ContactSupportScreen, Object.assign({}, props)))));
it('rendering the screen without any props', () => {
renderer();
expect(screen.getByText('Contact Us')).toBeOnTheScreen();
});
it('should display default content', () => {
renderer();
expect(screen.getByText('Contact Us')).toBeOnTheScreen();
expect(screen.getByText('General Questions')).toBeOnTheScreen();
expect(screen.getByText('something@email.com')).toBeOnTheScreen();
expect(screen.getByText('Emergency Support')).toBeOnTheScreen();
expect(screen.getByText('1-800-123-4567')).toBeOnTheScreen();
expect(screen.getByText('Okay')).toBeOnTheScreen();
expect(screen.getByText(/Okay/i)).toBeEnabled();
});
it('calls onNext when the Okay button is clicked', () => {
renderer({
WorkflowCardActionsProps: {
onNext: mockOnNext(),
showNext: true,
nextLabel: 'Next',
},
});
const nextButton = screen.getByText('Okay');
fireEvent.press(nextButton);
expect(mockOnNext).toHaveBeenCalled();
});
});