Fakultas Ilmu Komputer UI

Skip to content
GitLab
Commit 848fa9f5 authored by Nandhika Prayoga's avatar Nandhika Prayoga
Browse files

Merge branch 'clean-code' into 'staging' 

Refactor and clean code

See merge request !29
parents d2215d0f 9415366a
Pipeline #44200 passed with stages
in 12 minutes and 34 seconds
Expand all Hide whitespace changes
Inline Side-by-side
src/components/BaseMonitoringForm/__snapshots__/index.test.tsx.snap
View file @ 848fa9f5
......@@ -381,9 +381,9 @@ exports[`renders correctly 1`] = `
]
}
>
Sri Tanjung
Budi
|
19
88
Tahun,
Laki-laki
</Text>
......@@ -402,513 +402,7 @@ exports[`renders correctly 1`] = `
]
}
>
Pondok Cina, Beji
</Text>
<View
paddingBottom={5}
paddingLeft={0}
paddingRight={0}
paddingTop={5}
style={
Array [
Object {
"flexBasis": "auto",
"flexGrow": 0,
"flexShrink": 0,
"paddingBottom": 5,
"paddingLeft": 0,
"paddingRight": 0,
"paddingTop": 5,
},
]
}
/>
<View
style={
Array [
Object {
"backgroundColor": "#f5f5f5",
"borderRadius": 40,
"width": "60%",
},
]
}
>
<Text
align="center"
fontSize="16px"
fontWeight="Bold"
style={
Array [
Object {
"color": "black",
"fontFamily": "Dosis-Bold",
"fontSize": 16,
"textAlign": "center",
"width": "auto",
},
]
}
>
Status:
</Text>
<Text
align="center"
fontSize="16px"
fontWeight="Bold"
style={
Array [
Object {
"color": "black",
"fontFamily": "Dosis-Bold",
"fontSize": 16,
"textAlign": "center",
"width": "auto",
},
]
}
>
Belum Diperiksa
</Text>
</View>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
</View>
<View
pointerEvents="box-none"
style={
Object {
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
>
<View
accessibilityElementsHidden={false}
importantForAccessibility="auto"
onLayout={[Function]}
pointerEvents="box-none"
style={null}
/>
</View>
</RNCSafeAreaView>
</View>
`;
exports[`renders correctly 2`] = `
<View
style={
Object {
"flex": 1,
}
}
>
<RNCSafeAreaView
onInsetsChange={[Function]}
style={
Object {
"flex": 1,
}
}
>
<View
onLayout={[Function]}
style={
Object {
"flex": 1,
"overflow": "hidden",
}
}
>
<View
pointerEvents="box-none"
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
>
<View
accessibilityElementsHidden={false}
closing={false}
gestureVelocityImpact={0.3}
importantForAccessibility="auto"
onClose={[Function]}
onGestureBegin={[Function]}
onGestureCanceled={[Function]}
onOpen={[Function]}
onTransitionStart={[Function]}
pointerEvents="box-none"
style={
Object {
"bottom": 0,
"left": 0,
"position": "absolute",
"right": 0,
"top": 0,
}
}
transitionSpec={
Object {
"close": Object {
"animation": "spring",
"config": Object {
"damping": 500,
"mass": 3,
"overshootClamping": true,
"restDisplacementThreshold": 0.01,
"restSpeedThreshold": 0.01,
"stiffness": 1000,
},
},
"open": Object {
"animation": "spring",
"config": Object {
"damping": 500,
"mass": 3,
"overshootClamping": true,
"restDisplacementThreshold": 0.01,
"restSpeedThreshold": 0.01,
"stiffness": 1000,
},
},
}
}
>
<View
pointerEvents="box-none"
style={
Object {
"flex": 1,
"marginTop": 64,
}
}
>
<View
collapsable={false}
forwardedRef={[Function]}
onGestureHandlerEvent={[Function]}
onGestureHandlerStateChange={[Function]}
style={
Object {
"flex": 1,
"transform": Array [
Object {
"translateX": 0,
},
Object {
"translateX": 0,
},
],
}
}
>
<View
pointerEvents="none"
style={
Object {
"backgroundColor": "#fff",
"bottom": 0,
"left": 0,
"position": "absolute",
"shadowColor": "#000",
"shadowOffset": Object {
"height": 1,
"width": -1,
},
"shadowOpacity": 0.3,
"shadowRadius": 5,
"top": 0,
"width": 3,
}
}
/>
<View
style={
Array [
Object {
"flex": 1,
"overflow": "hidden",
},
Array [
Object {
"backgroundColor": "rgb(242, 242, 242)",
},
undefined,
],
]
}
>
<View
style={
Object {
"flex": 1,
"flexDirection": "column-reverse",
}
}
>
<View
style={
Object {
"flex": 1,
}
}
>
<RCTScrollView
style={
Array [
Object {
"backgroundColor": "#ffffff",
},
]
}
>
<View>
<RCTSafeAreaView
emulateUnlessSupported={true}
style={
Array [
Object {
"display": "flex",
},
]
}
>
<RCTSafeAreaView
emulateUnlessSupported={true}
style={
Array [
Object {
"backgroundColor": "white",
},
]
}
>
<RCTSafeAreaView
emulateUnlessSupported={true}
style={
Array [
Object {
"backgroundColor": "#f5f5f5",
"borderBottomRightRadius": 70,
"justifyContent": "center",
"minHeight": 150,
},
]
}
>
<RCTSafeAreaView
emulateUnlessSupported={true}
style={
Array [
Object {
"marginTop": "5%",
"paddingBottom": 20,
"paddingLeft": 20,
"paddingRight": 20,
"paddingTop": 20,
},
]
}
>
<View
style={
Array [
Object {
"height": "NaN",
"width": "NaN",
},
]
}
>
<View
accessible={true}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"alignItems": "center",
"backgroundColor": "transparent",
"borderColor": "#42c41d",
"borderRadius": 3,
"borderWidth": 0.8,
"flexBasis": "auto",
"flexGrow": 1,
"flexShrink": 0,
"height": "auto",
"justifyContent": "center",
"opacity": 1,
"paddingBottom": 12,
"paddingLeft": 36,
"paddingRight": 36,
"paddingTop": 12,
"width": "auto",
}
}
>
<Text
color="#9d9e9d"
fontSize="16px"
fontWeight="Bold"
style={
Array [
Object {
"color": "#9d9e9d",
"fontFamily": "Dosis-Bold",
"fontSize": 16,
"textAlign": "left",
"width": "auto",
},
]
}
>
Beranda
</Text>
</View>
</View>
<View
style={
Array [
Object {
"marginTop": "10%",
"width": "NaN",
},
]
}
>
<Text
fontSize="16px"
fontWeight="Regular"
style={
Array [
Object {
"color": "black",
"fontFamily": "Dosis-Regular",
"fontSize": 16,
"textAlign": "left",
"width": "auto",
},
]
}
>
This is header
</Text>
</View>
</RCTSafeAreaView>
</RCTSafeAreaView>
</RCTSafeAreaView>
<RCTSafeAreaView
emulateUnlessSupported={true}
style={
Array [
Object {
"backgroundColor": "#f5f5f5",
},
]
}
>
<RCTSafeAreaView
emulateUnlessSupported={true}
style={
Array [
Object {
"backgroundColor": "white",
"borderTopLeftRadius": 80,
"justifyContent": "center",
"minHeight": 30,
},
]
}
/>
</RCTSafeAreaView>
</RCTSafeAreaView>
<View
style={
Array [
Object {
"backgroundColor": "#ffffff",
"paddingBottom": 12,
"paddingLeft": 12,
"paddingRight": 12,
"paddingTop": 0,
},
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "#fafafa",
"borderBottomRightRadius": 60,
"borderTopLeftRadius": 20,
"marginBottom": 20,
"paddingBottom": 12,
"paddingLeft": 12,
"paddingRight": 12,
"paddingTop": 18,
},
]
}
>
<Text
fontSize="16px"
fontWeight="Regular"
style={
Array [
Object {
"color": "black",
"fontFamily": "Dosis-Regular",
"fontSize": 16,
"textAlign": "left",
"width": "auto",
},
]
}
>
Sri Tanjung
|
19
Tahun,
Perempuan
</Text>
<Text
fontSize="16px"
fontWeight="Regular"
style={
Array [
Object {
"color": "black",
"fontFamily": "Dosis-Regular",
"fontSize": 16,
"textAlign": "left",
"width": "auto",
},
]
}
>
Pondok Cina, Beji
Depok
</Text>
<View
paddingBottom={5}
......
src/components/BaseMonitoringForm/index.test.tsx
View file @ 848fa9f5
......@@ -5,12 +5,29 @@ import {createStackNavigator} from '@react-navigation/stack';
import BaseMonitoringForm from '.';
import renderer from 'react-test-renderer';
import { AppContext } from 'contexts';
import MonitoringStatus from 'components/MonitoringStatus';
const Stack = createStackNavigator();
const testProps = {
cache: {
monitoringCaseFormData: {
investigation_case: {
case_subject: {
name: "Budi",
age: "88",
is_male: true,
address: "Depok"
}
},
state: "Belum Diperiksa",
}
}
}
it('renders correctly', () => {
let defaultPage = renderer
.create(
const defaultPage = renderer.create(
<AppContext.Provider value={testProps}>
<NavigationContainer>
<Stack.Navigator
screenOptions={{
......@@ -21,45 +38,20 @@ it('renders correctly', () => {
component={() =>
<BaseMonitoringForm
header="This is header"
name='Sri Tanjung'
age='19'
is_male={true}
address='Pondok Cina, Beji'
status='Belum Diperiksa'
/>
}
/>
</Stack.Navigator>
</NavigationContainer>
)
.toJSON();
</AppContext.Provider>
);
expect(defaultPage).toMatchSnapshot();
expect(defaultPage.toJSON()).toMatchSnapshot();
defaultPage = renderer
.create(
<NavigationContainer>
<Stack.Navigator
screenOptions={{
header: () => <></>,
}}>
<Stack.Screen
name="baseform"
component={() =>
<BaseMonitoringForm
header="This is header"
name='Sri Tanjung'
age='19'
is_male={false}
address='Pondok Cina, Beji'
status='Belum Diperiksa'
/>