Story gor change passcode view and screen locked view

Author: Rohit3523

app/views/ChangePasscodeView.stories.tsx

@@ -0,0 +1,41 @@
+import React, { useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+
+import ChangePasscodeView from './ChangePasscodeView';
+import EventEmitter from '../lib/methods/helpers/events';
+import { CHANGE_PASSCODE_EMITTER } from '../lib/constants/localAuthentication';
+
+const styles = StyleSheet.create({
+	wrapper: {
+		flex: 1
+	}
+});
+
+export default {
+	title: 'Views/ChangePasscodeView'
+};
+
+interface IStoryWrapperProps {
+	force?: boolean;
+}
+
+const StoryWrapper = ({ force = false }: IStoryWrapperProps) => {
+	useEffect(() => {
+		// Emit the event to show the ChangePasscodeView
+		EventEmitter.emit(CHANGE_PASSCODE_EMITTER, {
+			submit: () => {},
+			cancel: () => {},
+			force
+		});
+	}, [force]);
+
+	return (
+		<View style={styles.wrapper}>
+			<ChangePasscodeView />
+		</View>
+	);
+};
+
+export const Default = () => <StoryWrapper />;
+
+export const Forced = () => <StoryWrapper force />;

app/views/ChangePasscodeView.test.tsx

@@ -0,0 +1,4 @@
+import { generateSnapshots } from '../../.rnstorybook/generateSnapshots';
+import * as stories from './ChangePasscodeView.stories';
+
+generateSnapshots(stories);

app/views/ScreenLockedView.stories.tsx

@@ -0,0 +1,47 @@
+import React, { useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+
+import ScreenLockedView from './ScreenLockedView';
+import EventEmitter from '../lib/methods/helpers/events';
+import { LOCAL_AUTHENTICATE_EMITTER } from '../lib/constants/localAuthentication';
+
+const styles = StyleSheet.create({
+	wrapper: {
+		flex: 1
+	}
+});
+
+export default {
+	title: 'Views/ScreenLockedView'
+};
+
+interface IStoryWrapperProps {
+	hasBiometry?: boolean;
+	force?: boolean;
+}
+
+const StoryWrapper = ({ hasBiometry = false, force = false }: IStoryWrapperProps) => {
+	useEffect(() => {
+		// Emit the event to show the ScreenLockedView
+		EventEmitter.emit(LOCAL_AUTHENTICATE_EMITTER, {
+			submit: () => {},
+			cancel: () => {},
+			hasBiometry,
+			force
+		});
+	}, [hasBiometry, force]);
+
+	return (
+		<View style={styles.wrapper}>
+			<ScreenLockedView />
+		</View>
+	);
+};
+
+export const Default = () => <StoryWrapper />;
+
+export const WithBiometry = () => <StoryWrapper hasBiometry />;
+
+export const WithCloseButton = () => <StoryWrapper force />;
+
+export const WithBiometryAndClose = () => <StoryWrapper hasBiometry force />;

app/views/ScreenLockedView.test.tsx

@@ -0,0 +1,4 @@
+import { generateSnapshots } from '../../.rnstorybook/generateSnapshots';
+import * as stories from './ScreenLockedView.stories';
+
+generateSnapshots(stories);