Skip to content

Latest commit

 

History

History
106 lines (66 loc) · 3.98 KB

README.md

File metadata and controls

106 lines (66 loc) · 3.98 KB

Este é um projeto desenvolvido em React Native, criado utilizando a CLI da comunidade @react-native-community/cli, com o objetivo de realizar testes End-to-End (E2E) utilizando o framework Detox.

Começando

Nota: Certifique-se de ter completado as instruções de Configuração do Ambiente - React Native até o passo "Criando uma nova aplicação", antes de prosseguir.

Confira também se possui a versão openjdk 17 instalada.
Execute o comando yarn ou npm install para instalar as dependências.

Passo 1: Iniciar o Metro Server

Primeiro, você precisará iniciar o Metro, o bundler JavaScript que acompanha o React Native.

Para iniciar o Metro, execute o seguinte comando no diretório raiz do seu projeto React Native:

# usando npm
npm start

# OU usando Yarn
yarn start

Passo 2: Iniciar sua Aplicação

Deixe o Metro Bundler rodando em seu próprio terminal. Abra um novo terminal no diretório raiz do seu projeto React Native. Execute o comando abaixo para iniciar o aplicativo no Android ou iOS:

Para Android

# usando npm
npm run android

# OU usando Yarn
yarn android

Para iOS

# usando npm
npm run ios

# OU usando Yarn
yarn ios

Se tudo estiver configurado corretamente, você deverá ver seu novo aplicativo rodando no Emulador Android ou no Simulador iOS em breve, desde que tenha configurado seu emulador/simulador corretamente.

Esta é uma maneira de executar seu app — você também pode rodá-lo diretamente no Android Studio ou Xcode, respectivamente.

Passo 3: Modificando seu App

Agora que você conseguiu rodar o aplicativo com sucesso, vamos modificá-lo.

  1. Abra o arquivo App.tsx no editor de texto de sua escolha e edite algumas linhas.

  2. Para Android: Pressione a tecla R duas vezes ou selecione "Reload" no Menu de Desenvolvedor (Ctrl + M (no Windows e Linux) ou Cmd ⌘ + M (no macOS)) para ver as suas alterações!

    Para iOS: Pressione Cmd ⌘ + R no Simulador iOS para recarregar o app e ver as suas alterações!

Passo 4: Executando os testes End-to-End com Detox

Detox é um framework End-to-End focado em aplicações mobile, neste caso está sendo utilizado para executar testes dessa aplicação React Native.

Para executar os testes, execute os comandos abaixo de acordo com o dispositivo que você deseja testar:

iOS

~ detox:ios_test

Android

~ detox:android_test

Genymotion ( Android )

~ detox:genymotion_test

Parabéns! 🎉

Você rodou e modificou com sucesso seu aplicativo React Native. 🥳

E agora?

Solução de Problemas

Se você não conseguir fazer isso funcionar, veja a página de Solução de Problemas.

Saiba Mais

Para saber mais sobre React Native, confira os seguintes recursos: