add basic styling test for addressbook & coin selection modal usage

src/components/modal/index.tsx

@@ -58,6 +58,7 @@ export default function MyModal({
 					transparent
 					animationType={animation}
 					onRequestClose={close}
+					testID='testCoinSelectionModal'
 				>
 					<KeyboardAvoidingView
 						style={getCorrectStyle()}

test/components/AddressBook.test.tsx

@@ -1,6 +1,9 @@
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import AddressBook from '@comps/screens/Addressbook/Book'
+import AddressbookModal from '@comps/screens/Addressbook/modal'
+import { l } from '@src/logger'
 import { act, fireEvent, render, screen } from '@testing-library/react-native'
 
 jest.useFakeTimers()
@@ -40,6 +43,16 @@ describe('Test the Addressbook page', () => {
 		fireEvent.press(screen.getByTestId('addPersonal'))
 		expect(screen.queryByPlaceholderText('Name')).toBeNull()
 	})
+	it('Addressbook modal has a specific style applied', () => {
+		render(
+			<AddressbookModal
+				closeModal={() => l('test')}
+				setInput={() => l('test')}
+			/>
+		)
+		const modal = screen.getByTestId('testCoinSelectionModal')
+		expect(modal.props.children.props.children.props.style[0].paddingHorizontal).toBe(0)
+	})
 	// TODO test the functionality of adding a new contact and rendering it
 	// eslint-disable-next-line jest/no-commented-out-tests
 	// it('Render the new contact', async () => {

test/components/CoinSelectionModal.test.tsx

@@ -0,0 +1,20 @@
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+import { CoinSelectionModal } from '@screens/Lightning/modal'
+import { l } from '@src/logger'
+import { render, screen } from '@testing-library/react-native'
+
+describe('Basic styling test of the CoinSelectionModal component', () => {
+	it('has a specific style applied', () => {
+		render(
+			<CoinSelectionModal
+				lnAmount={1}
+				disableCS={() => l('test coin selection modal')}
+				proofs={[]}
+				setProof={() => l('proofs')}
+			/>
+		)
+		const modal = screen.getByTestId('testCoinSelectionModal')
+		expect(modal.props.children.props.children.props.style[0].paddingHorizontal).toBe(0)
+	})
+})