calitb / expo-e2e-demo

Expo application with detox to run e2e using Github Workflow

Expo e2e Demo

Application template to demonstrate how to run e2e in an Expo Managed application using Detox

Tested using:

• MacOS 12.1 Monterrey, M1 Pro
• ExpoCli v5.0.2
• CocoaPods v1.11.2

Dependencies

xcode-select --install
npm install -g detox-cli
brew tap wix/brew
brew install applesimutils

Configure Expo

Install Expo CLI:

npm install -g expo-cli

Run the app

yarn start:go

and scan the QRCode with your iOS Camera, or Android Expo app.

Run the e2e

yarn e2e:ios

Check the wiki in this repo to see how to setup this in your project.

Running e2e using EAS (Expo Application Server)

See the detailed guide here.

Run yarn run eas-e2e to build the app and run the tests.

Notice the file .github/workflows/deployment.yml runs the e2e on each comnmit to the main branch.

Remember to create your EXPO_TOKEN here, and add it to your repository following this guide

expo-e2e-demo's Issues

Question: Screenshots

Everything works for me. Thank you for your work. I do have a question - why do you create screenshots into .artifacts folder and meta folder ?

Update Expo v46

Any plan to update the example?

Using with simulator

Hello, does it works with the simulator? or just with a dev client build?

bootup takes a lot of time

Hi, so I just used this workflow to run my tests of react-native(not expo) based app. The emulator boot time takes around 15 minutes sometimes more than 15 minutes. Is this normal? Or should I do something to improve it.

- uses: actions/setup-java@v3
        with:
          distribution: 'corretto' # See 'Supported distributions' for available options
          java-version: '11'
          cache: 'gradle'
        env:
          # https://github.com/actions/toolkit/issues/641#issuecomment-728963957
          ACTIONS_ALLOW_UNSECURE_COMMANDS: 'true'

      - name: Run Detox Build
        run: npm run e2e:build
        env:
          KEYSTORE_FILE: ${{ steps.android_keystore.outputs.filePath }}
          STORE_PASSWORD: ${{ secrets.RELEASE_STORE_PASSWORD }}
          KEY_ALIAS: ${{ secrets.RELEASE_STORE_ALIAS}}
          KEY_PASSWORD: ${{ secrets.RELEASE_KEY_PASSWORD }}
          ANDROID_JSON_KEY_FILE: ${{ steps.service_account_json_file.outputs.filePath }}

      - name: Cache avd snapshot
        uses: actions/cache@v3
        id: avd-cache
        with:
          path: |
            ~/.android/avd/*
            ~/.android/adb*
          key: avd-30-aosp-atd

      - name: Create avd and generate snapshot for caching
        if: steps.avd-cache.outputs.cache-hit != 'true'
        uses: reactivecircus/android-emulator-runner@v2
        with:
          target: aosp_atd
          api-level: 30
          arch: x86
          channel: canary
          profile: pixel
          avd-name: Pixel_3a_API_30
          force-avd-creation: false
          emulator-options: -no-window -gpu swiftshader_indirect -noaudio -no-boot-anim -camera-back none
          disable-animations: false
          script: echo "Generated AVD snapshot for caching"

      - name: Start emulator and run e2e tests
        uses: reactivecircus/android-emulator-runner@v2
        with:
          target: aosp_atd
          api-level: 30
          arch: x86
          channel: canary
          profile: pixel
          avd-name: Pixel_3a_API_30
          script: npm run e2e:test