Merge pull request #86 from sentry-demos/kw/ci/add-test

ci(test): Add Android UI Test

Author: dachakra

.github/workflows/build.yml

@@ -9,6 +9,7 @@ on:
 env:
   SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
   SENTRY_ALLOW_FAILURE: false
+  MAESTRO_VERSION: 1.39.0
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -96,3 +97,53 @@ jobs:
         with:
           name: build-ios-logs
           path: ios/xcodebuild.log
+
+  run-ui-test-android:
+    name: UI Test Android
+    needs: build-android
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup KVM
+        shell: bash
+        run: |
+          # check if virtualization is supported...
+          sudo apt install -y --no-install-recommends cpu-checker coreutils && echo "CPUs=$(nproc --all)" && kvm-ok
+          # allow access to KVM to run the emulator
+          echo 'KERNEL=="kvm", GROUP="kvm", MODE="0666", OPTIONS+="static_node=kvm"' \
+            | sudo tee /etc/udev/rules.d/99-kvm4all.rules
+          sudo udevadm control --reload-rules
+          sudo udevadm trigger --name-match=kvm
+
+      - name: Download APK artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: empower-plant-react-native-android
+
+      - name: Install Maestro
+        uses: dniHze/maestro-test-action@bda8a93211c86d0a05b7a4597c5ad134566fbde4 # [email protected]
+        with:
+          maestro-version: ${{env.MAESTRO_VERSION}}
+
+      - name: Run tests
+        uses: reactivecircus/android-emulator-runner@62dbb605bba737720e10b196cb4220d374026a6d # [email protected]
+        with:
+          api-level: 30
+          force-avd-creation: false
+          disable-animations: true
+          disable-spellchecker: true
+          target: 'aosp_atd'
+          channel: canary # Necessary for ATDs
+          emulator-options: >
+            -no-window
+            -no-snapshot-save
+            -gpu swiftshader_indirect
+            -noaudio
+            -no-boot-anim
+            -camera-back none
+            -camera-front none
+            -timezone US/Pacific
+          script: |
+            adb install -r -d app-release.apk
+            maestro test maestro --debug-output maestro-logs --env=APP_ID=com.sentry_react_native

maestro/buyPlant.yaml

@@ -0,0 +1,29 @@
+appId: ${APP_ID}
+---
+- launchApp
+- assertVisible: "Empower Plant"
+- waitForAnimationToEnd
+- assertVisible: "Botana Voice"
+- tapOn:
+    text: "Add to cart"
+    below:
+      text: "Botana Voice"
+    repeat: 3
+- tapOn:
+    text: "Add to cart"
+    below:
+      text: "Plant Mood"
+- tapOn:
+    id: "bottom-tab-cart"
+- assertVisible: "CartScreen"
+- scroll
+- tapOn:
+    text: "Delete"
+    below:
+      text: "Botana Voice"
+- tapOn: "Checkout"
+- tapOn: "email"
+- scroll
+- tapOn:
+    text: "Place your order"
+    repeat: 3

src/App.tsx

@@ -156,6 +156,7 @@ const BottomTabNavigator = () => {
         options={{
           tabBarIcon: ({focused}) => (
             <Icon
+              testID="bottom-tab-cart"
               name="cart-shopping"
               size={30}
               color={focused ? '#f6cfb2' : '#dae3e4'}