chore: update example apps

Author: mdjastrzebski

examples/basic/jest-setup.ts

@@ -1,7 +1,7 @@
 /* eslint-disable no-undef, import/no-extraneous-dependencies */
 
-// Import Jest Native matchers
-import '@testing-library/jest-native/extend-expect';
+// Import built-in Jest matchers
+import '@testing-library/react-native/extend-expect';
 
 // Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
 jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');

examples/basic/package.json

@@ -19,8 +19,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
-    "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-native": "^12.3.2",
+    "@testing-library/react-native": "^12.3.3",
     "@types/react": "~18.2.14",
     "jest": "^29.7.0",
     "react-test-renderer": "18.2.0",

examples/react-navigation/.gitignore

@@ -0,0 +1,8 @@
+# Yarn 4.x
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

examples/react-navigation/jest-setup.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-undef, import/no-extraneous-dependencies */
 
 // Import Jest Native matchers
-import '@testing-library/jest-native/extend-expect';
+import '@testing-library/react-native/extend-expect';
 
 // Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
 jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');

examples/react-navigation/package.json

@@ -21,8 +21,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.2",
-    "@testing-library/jest-native": "^5.4.2",
-    "@testing-library/react-native": "^12.1.3",
+    "@testing-library/react-native": "^12.2.3",
     "babel-jest": "^29.3.1",
     "jest": "^29.3.0",
     "metro-react-native-babel-preset": "^0.72.3",

examples/react-navigation/src/DrawerNavigator.test.js

@@ -14,23 +14,15 @@ test('Changing screens', () => {
   fireEvent.press(toggleButton);
 
   // Assert drawer state
-  expect(screen.getByRole('button', { name: 'Home' })).toHaveAccessibilityState(
-    { selected: true }
-  );
-  expect(
-    screen.getByRole('button', { name: 'Settings' })
-  ).toHaveAccessibilityState({ selected: false });
+  expect(screen.getByRole('button', { name: 'Home' })).toBeSelected();
+  expect(screen.getByRole('button', { name: 'Settings' })).not.toBeSelected();
 
   // Press drawer item
   fireEvent.press(screen.getByRole('button', { name: 'Settings' }));
 
   // Assert drawer state after action
-  expect(screen.getByRole('button', { name: 'Home' })).toHaveAccessibilityState(
-    { selected: false }
-  );
-  expect(
-    screen.getByRole('button', { name: 'Settings' })
-  ).toHaveAccessibilityState({ selected: true });
+  expect(screen.getByRole('button', { name: 'Home' })).not.toBeSelected();
+  expect(screen.getByRole('button', { name: 'Settings' })).toBeSelected();
 
   // Assert visible screen
   expect(