feat: 🎸 add bonus section with maestro

✅ Closes: #229

Author: MatthysDev

challenges/ecosystem/05.md

@@ -215,3 +215,39 @@ Now you can run `npm run test:watch` to watch your files and run tests automatic
 
 - https://reactnativetesting.io/
 - https://github.com/vanGalilea/react-native-testing?tab=readme-ov-file#covered-examples-
+
+
+### 👽 Bonus
+
+We can automate the user interaction in the app with [`Maestro`](https://maestro.mobile.dev/) —a library that allows you to write end-to-end tests for your React Native app.
+
+- [ ] Follow the [getting started guide](https://maestro.mobile.dev/getting-started/installing-maestro) to install `Maestro` on your laptop.
+
+- [ ] Check the [Maestro React Native Exemple](https://maestro.mobile.dev/platform-support/react-native) to see how to write your first test.
+
+- [ ] At the root of your project, create a `tests` folder
+- [ ] Create a test file named `process.yaml` in the `tests` folder
+- [ ] Add the following script to your `package.json`
+
+```json
+  "maestro": "maestro test tests/process.yaml"
+```
+
+- [ ] Write `process.yaml` test and run `npm run maestro` to see the test running.
+
+You should have something like this:
+
+```yaml
+appId: host.exp.Exponent
+---
+
+- tapOn: "Email"
+- inputText: "[email protected]"
+- tapOn: "Password"
+- inputText: "123456"
+- tapOn: "Login"
+- tapOn: "Buy this ship"
+- tapOn: "Ok"
+```
+
+You can write more complex tests with `Maestro` and automate the user interaction in your app.

hackathon/spacecraft/package.json

@@ -8,6 +8,7 @@
     "web": "expo start --web",
     "eject": "expo eject",
     "lint": "eslint --ignore-path .gitignore --ext .js,.ts,.tsx .",
+    "maestro": "maestro test tests/process.yaml",
     "test": "jest",
     "test:watch": "jest --watch",
     "build-storybook": "build-storybook",
@@ -103,4 +104,4 @@
     "prettier": "^3.2.5",
     "typescript": "~5.3.3"
   }
-}
+}

hackathon/spacecraft/tests/process.yaml

@@ -0,0 +1,10 @@
+appId: host.exp.Exponent
+---
+
+- tapOn: "Email"
+- inputText: "[email protected]"
+- tapOn: "Password"
+- inputText: "123456"
+- tapOn: "Login"
+- tapOn: "Buy this ship"
+- tapOn: "Ok"