Testes automatizados de aplicativos na Google Cloud Platform (GCP) Esta apresentação foi feta com carinho para o pessoal de Manaus da comunidade I'am QA que organizou a TheBugConference.

1. Testes
Automatizados de
Apps na Google
Cloud
/in/barbaracabral

2. Oi!
Bárbara Cabral
Apaixonada por Testes, Qualidade, Cultura Ágil e DevOps
+ 15 anos em TI
+ 8 anos Agile Testing
/in/barbaracabral
@barbarapcabral
2

3. E...
Projetos / Produtos
+ Unimed Florianópolis, Governo de SC,
Tractebel, Eletrosul, Celesc, Ceran, CPFL,
SSP-SC, Pleno Card, Clear Priority,
Lollapalooza, CPqD, Resultados Digitais,
Caixa Econômica Federal, Bravi,
Nexxera, TheAA e Amido (UK), Cogni,
Essentia Pharma, etc.
3

4. Comunidades
4

5. “O real valor das
comunidades é o poder
de fazer a diferença na
vida das pessoas, de
ajudar, influenciar, apoiar,
unir, ensinar e aprender.
5

6. Agenda
6
● Intro Google Cloud
● Firebase
● Bancos de Dados de Apps
○ Real-time Database
○ Firestore
● Tecnologias de Desenvolvimento
● Automação de Testes
● Ionic AppFlow

7. 1.
Intro
Google Cloud
O feijão-com-arroz!

8. Google Cloud
● Máquinas virtuais & Ativos físicos
● Data-centers:
○ Região Central dos EUA
○ Europa Ocidental
○ Leste da Ásia.
● Acesso aos recursos por meio de serviços
● Cada projeto do GCP tem:
○ O nome, escolhido por você;
○ O código do projeto, fornecido por você ou
pelo GCP;
○ O número do projeto, fornecido pelo GCP.
8

9. 1. Console
2. Interface para linhas
de comando
○ gcloud (orquestra
cloud em local)
○ gsutil (storage)
○ bq (big query)
3. Bibliotecas
Recursos: guias de início
rápido & referências
9
Componentes

10. 2.
Firebase
Firebase is a mobile and web
application development platform
developed by Firebase, Inc. in 2011,
then acquired by Google in 2014.

11. Firebase kits (alguns)
11
1
A
nalytics
2
A
utenticação
3
Relatório
de
Erros
1Realtim
e
2
Storage
3
TestLab

12. Firebase panel
12

13. Firebase Auth
13

14. 3.
Bancos de
Dados
● Real-time Database
● Firestore

15. Real-Time DB
- BD NoSQL
- Estrutura de dados simplificada
- Operações em tempo real
- Dados armazenados como JSON
- Sincronização Off-line (em cache)
- Integração com Firebase Auth
- Escalamento requer fragmentação do BD
- Difícil consultas com mais de 3 níveis
15

16. RealTime Database
16

17. Firestore
17
- Armazena dados como Coleções de
Documentos
- Tem recursos do Realtime Database
- Consultas mais avançadas e rápidas
- Dados complexos e hierárquicos mais
fáceis de organizar
- Consultas indexadas
- Escalonamento Automático

18. 18
Firestore

19. 4.
Tecnologias de
Desenvolvimento
O feijão-com-arroz!

20. Tecnologias utilizadas

21. Tecnologias utilizadas
Kit: Ionic 4 + Angular 8
Typescript + nodeJS
UI Toolkit
Mobile & Web
Integra com Angular & React
Simples criar um App
Command line interface
Ionic: cria estrutura inicial de Testes
- Protractor (E2E)
- Karma
- Jasmine
21
$ npm install -g @ionic/cli
$ ionic start myIonicApp sidemenu
$ ionic serve
#executa testes unitários
$ ionic test
#executa os testes com protractor
$ ionic e2e
#executa dentro da pasta e2e
$ cd e2e
$ protractor protractor.conf.js

22. Place your screenshot here
22
Página Home
Estrutura
do App

23. Place your screenshot here
23
Página Home
Side Menu
Estrutura
do App

24. Place your screenshot here
24
Página List
Estrutura
do App

25. Estrutura do App
25
Testes de UI (e2e)
Testes Unitários por página
Testes do App

26. 5.
Automação de
Testes
O feijão-com-arroz!

27. Iniciando o Firebase
27
$ npm install -g firebase-tools
$ firebase login
$ firebase init

28. 1. Instalar o Firestore
2. Exportar as credenciais do console do
Firebase
3. Importar as bibliotecas no App
Firestore (BD)
28
$ npm install angularfire2 firebase --save

29. 1. Instalar o Firestore
2. Exportar as credenciais do console do
Firebase
Project Settings > General Settings > Your
Apps > Firebase SDK snippet > Config
3. Importar as bibliotecas no App
Firestore (BD)
29

30. 1. Instalar o Firestore
2. Exportar as credenciais do console do
Firebase
3. Importar as bibliotecas no App
Onde ./credentias.ts é criado com as
firebaseConfigs (passo anterior)
Firestore (BD)
30

31. Testes
- Unitários
- API/Serviços
- End-to-end
●
31

32. Testes Unit
32https://angular.io/api/core/testing/
Jasmine
- BDD framework para testar
Javascript
- Não usa sintaxe gherkin
TestBed
- Configura e inicializa o
ambiente de testes do App

33. Testes Unitários appComponent.spec.js
33https://angular.io/api/core/testing/

34. Executando os Testes
34
$ npm test

35. 35
Testes de UI (Protractor)

36. 36
Testes de UI

37. 37
Testes de UI
#instala o HTML Reporter
$ npm install protractor-beautiful-reporter --save-dev
#Executa os Testes
$ npm run e2e

38. 6.
Ionic AppFlow

39. Ionic AppFlow
39
- Solução para Automação do workflow
- Automação de pipeline default
- Integra o com o codigo fonte no git
(github, gitlab, bitbucket)
- Automaticamente dispara o build
quando sobe código novo

40. 40

41. Firebase Quality Tools
41
1. Crashlytics
Log de erros, agrupamento de falhas,
monitoramento
2. Performance
Tempos de resposta das requisições HTTP
- Trace de abertura do App
- Trace em primeiro e segundo plano

42. Firebase Quality Tools
42
4. TestLab
Usa dispositivos em execução no data center
do Google para testar seu App em
configurações que são usadas no mundo real.
- Executa testes do Espresso e do UI
Automator 2.0 em apps para Android
- Executa testes do XCTest em apps para iOS

43. Firebase Quality Tools
43
5. App Distribution
Facilita a distribuição dos seus aplicativos
para testadores confiáveis
- Envio de convites via email com instruções
- Feedbacks com antecedência e frequência
- Uso do Crashlytics para monitorar o uso

44. Referências
● Exemplo no repo
● Firebase
● Cloud Firestore
● Ionic Framework
● Crashlytics, TestLab, Performance
● Angular 8
● Angular Core Testing
● Protractor
● Jasmine + Karma
44

45. 7.
Finalizando…
Um convite!

46. Compartilhe!
#solidariedade
#covid19
#jorndacolaborativa
#jornadatalks

47. 47
Compartilhe!
#solidariedade
#covid19
#jorndacolaborativa
#jornadatalks

48. 48

49. 49
Livros da Comunidades

50. Obrigada!
Contato
● @barbarapcabral
● /in/barbaracabral
● barbaracabral@gmail.com 50