chore: add tests

Author: mdjastrzebski

examples/cookbook/.eslintignore

@@ -0,0 +1 @@
+test-utils.*

examples/cookbook/.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "@callstack"
+}

examples/cookbook/custom-render/WelcomeScreen.test.tsx

@@ -1,7 +1,24 @@
 import * as React from 'react';
+import { screen } from '@testing-library/react-native';
 import { renderWithProviders } from './test-utils';
 import { WelcomeScreen } from './WelcomeScreen';
 
 test('renders WelcomeScreen in light theme', () => {
   renderWithProviders(<WelcomeScreen />, { theme: 'light' });
+  expect(screen.getByText('Theme: light')).toBeOnTheScreen();
+});
+
+test('renders WelcomeScreen in dark theme', () => {
+  renderWithProviders(<WelcomeScreen />, { theme: 'dark' });
+  expect(screen.getByText('Theme: dark')).toBeOnTheScreen();
+});
+
+test('renders WelcomeScreen with user', () => {
+  renderWithProviders(<WelcomeScreen />, { user: { name: 'Jar-Jar' } });
+  expect(screen.getByText(/hello Jar-Jar/i)).toBeOnTheScreen();
+});
+
+test('renders WelcomeScreen without user', () => {
+  renderWithProviders(<WelcomeScreen />, { user: null });
+  expect(screen.getByText(/hello stranger/i)).toBeOnTheScreen();
 });

examples/cookbook/custom-render/WelcomeScreen.tsx

@@ -9,7 +9,7 @@ export function WelcomeScreen() {
 
   return (
     <View>
-      <Text>{user ? `User: ${user.name}` : 'Not logged in.'}</Text>
+      <Text>Hello {user ? user.name : 'Stranger'}</Text>
       <Text>Theme: {theme}</Text>
     </View>
   );

examples/cookbook/package.json

@@ -7,6 +7,7 @@
     "web": "expo start --web",
     "eject": "expo eject",
     "test": "jest",
+    "lint": "lint",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
@@ -20,7 +21,9 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@testing-library/react-native": "^12.4.0",
+    "@types/eslint": "^8.56.10",
     "@types/react": "~18.2.45",
+    "eslint": "^8.57.0",
     "jest": "^29.7.0",
     "react-test-renderer": "18.2.0",
     "typescript": "^5.3.0"