docs: basic cookbook docs and app (#1622)

* docs: basic cookbook docs and app

* chore: add tests

* chore: enable example apps

* chore: fix typecheck

* chore: add lint & fix issues

* docs: tweaks

* docs: tweaks

* docs: tweaks

* chore: tweaks

Author: mdjastrzebski

.github/workflows/example-apps.yml

@@ -10,7 +10,7 @@ jobs:
   test-example:
     strategy:
       matrix:
-        example: [basic]
+        example: [basic, cookbook]
 
     name: Test Example
     runs-on: ubuntu-latest

examples/cookbook/.eslintignore

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

examples/cookbook/.eslintrc

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

examples/cookbook/.expo-shared/assets.json

@@ -0,0 +1,4 @@
+{
+  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
+  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
+}

examples/cookbook/.gitignore

@@ -0,0 +1,25 @@
+# General Node.js
+node_modules/
+.expo/
+dist/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# Yarn 4.x
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
+# macOS
+.DS_Store
+

examples/cookbook/App.tsx

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { View } from 'react-native';
+
+const App = () => {
+  return <View />;
+};
+
+export default App;

examples/cookbook/README.md

@@ -0,0 +1,8 @@
+# RNTL Cookbook
+
+This example app gathers recipes from the [RNTL Cookbook](https://callstack.github.io/react-native-testing-library/cookbook).
+
+Each recipe described in the Cookbook should have a corresponding code example in this repo.
+
+Note:
+Since examples will showcase usage of different dependencies, the dependencies in `package.json` fill will grow much larger that in an normal React Native. This is fine 🐶☕️🔥.

examples/cookbook/app.json

@@ -0,0 +1,31 @@
+{
+  "expo": {
+    "name": "RNTL Cookbook App",
+    "slug": "rntl-cookbook",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": ["**/*"],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}