diff --git a/apps/src/tests/single-feature-tests/contained-modal/index.ts b/apps/src/tests/single-feature-tests/contained-modal/index.ts new file mode 100644 index 0000000000..49213f790c --- /dev/null +++ b/apps/src/tests/single-feature-tests/contained-modal/index.ts @@ -0,0 +1,14 @@ +import type { ScenarioGroup } from '@apps/tests/shared/helpers'; +import TestContainedModalBase from './test-contained-modal-base-ios'; + +const scenarios = { + TestContainedModalBase, +}; + +const ContainedModalScenarioGroup: ScenarioGroup = { + name: 'ContainedModal', + details: 'Single feature tests for ContainedModals', + scenarios, +}; + +export default ContainedModalScenarioGroup; diff --git a/apps/src/tests/single-feature-tests/contained-modal/test-contained-modal-base-ios/index.tsx b/apps/src/tests/single-feature-tests/contained-modal/test-contained-modal-base-ios/index.tsx new file mode 100644 index 0000000000..301cf08789 --- /dev/null +++ b/apps/src/tests/single-feature-tests/contained-modal/test-contained-modal-base-ios/index.tsx @@ -0,0 +1,141 @@ +import React, { useState } from 'react'; +import { Button, Pressable, StyleSheet, Text, View } from 'react-native'; +import { useSafeAreaInsets } from 'react-native-safe-area-context'; +import { + ContainedModal, + ContainedModalProvider, +} from 'react-native-screens/experimental'; +import { scenarioDescription } from './scenario-description'; +import { createScenario } from '@apps/tests/shared/helpers'; +import { Colors } from '@apps/shared/styling'; + +const CONTAINER_ID = 'contained-modal-base'; + +export function App() { + const insets = useSafeAreaInsets(); + const [isOpen, setIsOpen] = useState(false); + const [partialProvider, setPartialProvider] = useState(false); + const [insideCount, setInsideCount] = useState(0); + const [outsideCount, setOutsideCount] = useState(0); + + return ( + + + ContainedModal Test +