Dialog and Modal test drivers.

src/components/modal/Modal.driver.new.ts

@@ -0,0 +1,21 @@
+import {ModalProps} from './index';
+import {useComponentDriver, ComponentProps} from '../../testkit/new/Component.driver';
+import {fireEvent} from '@testing-library/react-native';
+
+export const ModalDriver = (props: ComponentProps) => {
+  const {renderTree, testID} = props;
+  const driver = useComponentDriver<ModalProps>(props);
+
+  const isVisible = () => {
+    return !!driver.getProps().visible;
+  };
+
+  const pressOnBackground = () => {
+    const overlay = renderTree.queryByTestId(`${testID}.TouchableOverlay`);
+    if (overlay) {
+      fireEvent.press(overlay);
+    }
+  };
+
+  return {...driver, isVisible, pressOnBackground};
+};

src/components/modal/__test__/index.spec.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import {render} from '@testing-library/react-native';
+import Modal, {ModalProps} from '../';
+import {ModalDriver} from '../Modal.driver.new';
+
+const testID = 'modal';
+
+const TestCase = (props: Omit<ModalProps, 'testID'>) => {
+  return <Modal testID={testID} {...props}/>;
+};
+
+describe('Sanity modal test', () => {
+  it('Should be visible', () => {
+    const renderTree = render(<TestCase visible/>);
+    const modal = ModalDriver({renderTree, testID});
+    expect(modal.isVisible()).toBeTruthy();
+  });
+});

src/components/modal/index.tsx

@@ -90,11 +90,10 @@ class Modal extends Component<ModalProps> {
         <View
           useSafeArea={isScreenReaderEnabled}
           style={!isScreenReaderEnabled && [styles.touchableOverlay, {backgroundColor: overlayBackgroundColor}]}
-          testID={`${testID}.TouchableOverlay`}
         >
           {/*
             // @ts-ignore */}
-          <TouchableWithoutFeedback {...accessibilityProps} onPress={onBackgroundPress}>
+          <TouchableWithoutFeedback {...accessibilityProps} onPress={onBackgroundPress} testID={`${testID}.TouchableOverlay`}>
             <View style={isScreenReaderEnabled ? styles.accessibleOverlayView : styles.fill}/>
           </TouchableWithoutFeedback>
         </View>

src/incubator/Dialog/Dialog.driver.new.ts

@@ -0,0 +1,10 @@
+import {DialogProps} from './index';
+import {useComponentDriver, ComponentProps} from '../../testkit/new/Component.driver';
+import {ModalDriver} from '../../testkit/';
+
+export const DialogDriver = (props: ComponentProps) => {
+  const {renderTree, testID} = props;
+  const driver = useComponentDriver<DialogProps>(props);
+  const dialogModal = ModalDriver({renderTree, testID: `${testID}.modal`});
+  return {...dialogModal, ...driver};
+};

src/incubator/Dialog/__tests__/index.new.spec.tsx

@@ -0,0 +1,44 @@
+import React, {useRef} from 'react';
+import {render, act} from '@testing-library/react-native';
+import Dialog, {DialogProps} from '../index';
+import {DialogDriver} from '../Dialog.driver.new';
+
+const testID = 'dialog';
+
+const TestCase = (props: Omit<DialogProps, 'testID'>) => {
+  return <Dialog testID={testID} {...props}/>;
+};
+
+const getDriver = (Element: React.JSX.Element) => {
+  const renderTree = render(Element);
+  const dialogDriver = DialogDriver({renderTree, testID});
+  return {renderTree, dialogDriver};
+};
+
+describe('Sanity checks', () => {
+  it('Should show dialog', () => {
+    const {dialogDriver} = getDriver(<TestCase visible/>);
+    expect(dialogDriver.isVisible()).toBeTruthy();
+  });
+
+  it('Should dismiss dialog on background press', () => {
+    const {dialogDriver} = getDriver(<TestCase visible/>);
+    expect(dialogDriver.isVisible()).toBeTruthy();
+    dialogDriver.pressOnBackground();
+    expect(dialogDriver.isVisible()).toBeFalsy();
+  });
+
+  it('Should dismiss dialog on dismiss call', () => {
+    let dialogRef: React.RefObject<{dismiss: () => void}>;
+    const RefTestCase = () => {
+      dialogRef = useRef<{dismiss:() => void}>(null);
+      return <Dialog testID={testID} visible ref={dialogRef}/>;
+    };
+    const {dialogDriver} = getDriver(<RefTestCase/>);
+    expect(dialogDriver.isVisible()).toBeTruthy();
+    act(() => {
+      dialogRef.current?.dismiss();
+    });
+    expect(dialogDriver.isVisible()).toBeFalsy();
+  });
+});

src/testkit/index.ts

@@ -14,3 +14,5 @@ export {SortableListItemDriver} from '../components/sortableList/SortableListIte
 export {SliderDriver} from '../components/slider/slider.driver';
 export {SliderDriver as IncubatorSliderDriver} from '../incubator/Slider/Slider.driver';
 export {ViewDriver} from '../components/view/View.driver.new';
+export {ModalDriver} from '../components/modal/Modal.driver.new';
+export {DialogDriver} from '../incubator/Dialog/Dialog.driver.new';