Testando o App do Nubank - TDC Florianópolis 2019

Transcript

1. Testando o App do Nubank Victor Maraccini Mobile Software Engineer @vmaraccini | victor.maraccini@nu.bank Francesco Perrotti-Garcia Mobile Software Engineer @fpg1503 | francesco.garcia@nu.bank
2. Show of hands
3. Show of hands Quem aqui:
4. Show of hands Quem aqui: • É cliente do Nubank
5. O que é Nubank?
6. O que é Nubank?
7. • Mais de 1200 funcionários O que é Nubank?
8. • Mais de 1200 funcionários • Diversidade O que é Nubank?
9. • Mais de 1200 funcionários • Diversidade • Mais de 5MM de clientes O que é Nubank?
10. • Mais de 1200 funcionários • Diversidade • Mais de 5MM de clientes • Clientes fazem tudo pelo app O que é Nubank?
11. • Mais de 1200 funcionários • Diversidade • Mais de 5MM de clientes • Clientes fazem tudo pelo app • Cultura de qualidade e testes O que é Nubank?
12. Show of hands
13. Show of hands Quem aqui: • Acredita que testes melhoram a qualidade do código
14. Show of hands Quem aqui: • Acredita que testes melhoram a qualidade do código • Escreve testes no dia-a-dia
15. Por que testamos?
16. Por que testamos? • Evitar regressão • Mais velocidade para refatorar e fazer mudanças • Novos engenheiros tem confiança nas entregas
17. Por que testamos? • Evitar regressão • Mais velocidade para refatorar e fazer mudanças • Novos engenheiros tem confiança nas entregas • Garantir comportamentos existentes • De forma automatizada • Em diferentes condições de uso
18. Pirâmide de testes
19. Pirâmide de testes Unitários
20. Pirâmide de testes Integração Unitários
21. Pirâmide de testes E2E Integração Unitários
22. Nossa pirâmide de testes em Mobile E2E Integração Unitários E2E
23. Nossa pirâmide de testes em Mobile Unitários E2E E2E Integração Integração
24. Nossa pirâmide de testes em Mobile Unitários E2E Integração
25. Nossa pirâmide de testes em Mobile Unitários E2E Integração Unitários 95.2% Integração 4.8%
26. E2E Nossa pirâmide de testes em Mobile Integração Unitários
27. E2E Nossa pirâmide de testes em Mobile Integração Unitários Rollout Teste A/B
28. E2E Checklist (sendo automatizada) Nossa pirâmide de testes em Mobile Integração Unitários Rollout Teste A/B
29. Integração contínua Code Review Testes passando Testes antes de cada merge
30. Integração contínua Testes antes de cada merge
31. Integração contínua Testes antes de cada merge
32. Integração contínua Testes antes de cada merge
33. Entrega contínua Deploy a cada merge
34. Entrega contínua Deploy a cada merge Suíte completa de testes
35. Entrega contínua Deploy a cada merge Release unificado Suíte completa de testes
36. Entrega contínua Deploy a cada merge Release unificado Suíte completa de testes
37. Testes unitários Integração Unitários
38. Testes unitários Integração Unitários • Foco no comportamento individual de componentes
39. Testes unitários Integração Unitários • Foco no comportamento individual de componentes • Desacoplado
40. Testes unitários Integração Unitários • Foco no comportamento individual de componentes • Desacoplado • Especializado
41. Contexto Integração Unitários
42. Contexto Integração Unitários
43. Contexto Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool }
44. struct MGMChannelData { let type: MGMChannel } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } Contexto Integração Unitários
45. Contexto Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } struct MGMChannelData { let count: Int? }
46. Contexto Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } let canOpen: Bool
47. Implementação struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } let canOpen: Bool
48. Implementação class MGMInteractor { } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } let canOpen: Bool
49. class MGMInteractor { ... func createChannelData(invitations: Int, channel: Customer.Channel) -> MGMChannelData { } } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } Implementação
50. class MGMInteractor { ... func createChannelData(invitations: Int, channel: Customer.Channel) -> MGMChannelData { switch channel { case .whatsapp: } } } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } Implementação
51. class MGMInteractor { ... func createChannelData(invitations: Int, channel: Customer.Channel) -> MGMChannelData { switch channel { case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp) } } } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } Implementação
52. class MGMInteractor { ... func createChannelData(invitations: Int, channel: Customer.Channel) -> MGMChannelData { switch channel { case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp) return MGMChannelData(type: .whatsapp, count: nil, canOpen: canOpenWhatsapp) ... } } } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } Implementação
53. Dependências implícitas struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(invitations: Int, channel: Customer.Channel) -> MGMChannelData { switch channel { case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp) return MGMChannelData(type: .whatsapp, count: nil, canOpen: canOpenWhatsapp) ... } } } case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp)
54. Removendo Dependências implícitas struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(invitations: Int, channel: Customer.Channel) -> MGMChannelData { switch channel { case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp) return MGMChannelData(type: .whatsapp, count: nil, canOpen: canOpenWhatsapp) ... } } } case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp) protocol URLHandler { func canOpenURL(_ url: URL) -> Bool }
55. struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(urlHandler: URLHandler, invitations: Int, channel: Customer.Channel) -> MGMChannelData { switch channel { case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp) return MGMChannelData(type: .whatsapp, count: nil, canOpen: canOpenWhatsapp) ... } } } urlHandler: URLHandler, protocol URLHandler { func canOpenURL(_ url: URL) -> Bool } case .whatsapp: let canOpenWhatsapp = UIApplication.shared .canOpenURL(Hypermedia.whatsApp) Injeção de dependências
56. struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(urlHandler: URLHandler, invitations: Int, channel: Customer.Channel) -> MGMChannelData { switch channel { case .whatsapp: let canOpenWhatsapp = urlHandler.canOpenURL(Hypermedia.whatsApp) return MGMChannelData(type: .whatsapp, count: nil, canOpen: canOpenWhatsapp) ... } } } urlHandler: URLHandler, protocol URLHandler { func canOpenURL(_ url: URL) -> Bool } case .whatsapp: let canOpenWhatsapp = urlHandler.canOpenURL(Hypermedia.whatsApp) Injeção de dependências
57. Testes unitários Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(urlHandler: URLHandler, invitations: Int, channel: Customer.Channel) -> MGMChannelData } func testChannelDataCreationWhatsappCannotOpen() { }
58. Testes unitários func testChannelDataCreationWhatsappCannotOpen() { let urlHandler = URLHandlerMock(canOpenWhatsapp: false) let invites = Int.arbitrary.generate let channelData = MGMInteractor.createChannelData(invitations: invites, channel: .whatsapp, urlHandler: urlHandler) } Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(urlHandler: URLHandler, invitations: Int, channel: Customer.Channel) -> MGMChannelData }
59. Testes unitários func testChannelDataCreationWhatsappCannotOpen() { let urlHandler = URLHandlerMock(canOpenWhatsapp: false) let invites = Int.arbitrary.generate let channelData = MGMInteractor.createChannelData(invitations: invites, channel: .whatsapp, urlHandler: urlHandler) expect(channelData) == MGMChannelData(type: .whatsapp, count: nil, canOpen: false) } Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(urlHandler: URLHandler, invitations: Int, channel: Customer.Channel) -> MGMChannelData }
60. Testes unitários func testChannelDataCreationWhatsappCannotOpen() { let urlHandler = URLHandlerMock(canOpenWhatsapp: false) let invites = Int.arbitrary.generate let channelData = MGMInteractor.createChannelData(invitations: invites, channel: .whatsapp, urlHandler: urlHandler) expect(channelData) == MGMChannelData(type: .whatsapp, count: nil, canOpen: false) } Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelData(urlHandler: URLHandler, invitations: Int, channel: Customer.Channel) -> MGMChannelData } canOpen: false) let urlHandler = URLHandlerMock(canOpenWhatsapp: false)
61. Funções puras
62. Funções puras • Possuí retorno (não é void)
63. Funções puras • Possuí retorno (não é void) • Resultado determinístico
64. Funções puras • Possuí retorno (não é void) • Resultado determinístico • Dado um input, retorna sempre o mesmo output
65. Funções puras • Possuí retorno (não é void) • Resultado determinístico • Dado um input, retorna sempre o mesmo output • Como funções matemáticas: f(x) = y
66. Funções puras (ou não) func squared(n: Int) -> Int { return n * n }
67. Funções puras (ou não) func save(identities: [User]) -> Int { let db = Database() return db.save(identities) } func squared(n: Int) -> Int { return n * n }
68. Efeitos colaterais Integração Unitários UI, HTTP, … Controller Lógica Funcional Side-effects Framework
69. Testes unitários Exemplo: Efeitos colaterais class Controller { init() { let viewController = ViewController() ... viewController.action .subscribe(onNext: { MGMManager().invite() }) } } Integração Unitários
70. = ViewController() init() { = ... .invite() } } viewController.action .subscribe(onNext: { }) Testes unitários Dependências implícitas Integração Unitários MGMManager() class Controller { let viewController
71. viewController.action .subscribe(onNext: { }) Testes unitários Injeção de dependências let mgmManager: MGMManager init(mgmManager: viewController: ViewController) { self.mgmManager = mgmManager self.viewController = viewController mgmManager.invite() } } Integração Unitários : ViewController let mgmManager: MGMManager init(mgmManager: viewController: ViewController) { class Controller { let viewController MGMManager()
72. Testes unitários Exemplo: Efeitos colaterais class Controller { let viewController: ViewController let mgmManager: MGMManager init(mgmManager: MGMManager, viewController: ViewController) { self.mgmManager = mgmManager self.viewController = viewController viewController.action .subscribe(onNext: { mgmManager.invite() }) } } Integração Unitários
73. Testes unitários Exemplo: Efeitos colaterais class Controller { let viewController: ViewController let mgmManager: MGMManager init(mgmManager: MGMManager, viewController: ViewController) { self.mgmManager = mgmManager self.viewController = viewController viewController.action .subscribe(onNext: { mgmManager.invite() }) } } Integração Unitários mgmManager.invite()
74. Testes unitários Exemplo: Efeitos colaterais func testInviteMGM() { let mgmManager = StubMGMManager() let stubViewController = StubViewController() let controller = Controller(mgmManager: mgmManager, viewController: stubViewController) } Integração Unitários
75. Testes unitários Exemplo: Efeitos colaterais func testInviteMGM() { let mgmManager = StubMGMManager() let stubViewController = StubViewController() let controller = Controller(mgmManager: mgmManager, viewController: stubViewController) //Given a simulated tap stubViewController.confirmSubject.onNext(()) } Integração Unitários let stubViewController = StubViewController() viewController: stubViewController //Given a simulated tap stubViewController.confirmSubject.onNext(())
76. func testInviteMGM() { let mgmManager = StubMGMManager() let stubViewController = StubViewController() let controller = Controller(mgmManager: mgmManager, viewController: stubViewController) //Given a simulated tap stubViewController.confirmSubject.onNext(()) //Expect side-effects expect(mgmManager.inviteInvocationCount) == 1 } //Expect side-effects expect(mgmManager.inviteInvocationCount) == 1 let mgmManager = StubMGMManager() mgmManager: mgmManager, Testes unitários Exemplo: Efeitos colaterais Integração Unitários
77. Testes unitários de view Integração Unitários
78. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso
79. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso • Uso de screenshots
80. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso • Uso de screenshots
81. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso • Uso de screenshots • Facilita a verificação com o time de Design
82. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso • Uso de screenshots • Facilita a verificação com o time de Design • Evita modificações não intencionais no layout
83. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso • Uso de screenshots • Facilita a verificação com o time de Design • Evita modificações não intencionais no layout • Permite validar a acessibilidade das telas
84. Testes unitários de view Integração Unitários
85. Testes unitários de view Integração Unitários • Como testar layout isolado?
86. Testes unitários de view Integração Unitários • Como testar layout isolado? • Dividir responsabilidades
87. Testes unitários de view Integração Unitários • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos
88. Testes unitários de view Integração Unitários • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos Tela
89. Testes unitários de view Integração Unitários • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos
90. Testes unitários de view Integração Unitários ViewController Controller View ViewModel • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos
91. Testes unitários de view Integração Unitários ViewController Controller View ViewModel Repassa Ações Cria • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos
92. Testes unitários de view Integração Unitários ViewController Controller View ViewModel Repassa Ações Repassa Ações Atualiza Cria • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos
93. Testes unitários de view Integração Unitários ViewController Controller View ViewModel Repassa Ações Repassa Ações Atualiza Cria Medium: Building Nubank - iOS App Architecture • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos
94. Testes unitários de view Integração Unitários ViewController Controller View ViewModel Repassa Ações Repassa Ações Atualiza Cria • Como testar layout isolado? • Dividir responsabilidades • Desacoplar comportamentos Medium: Building Nubank - iOS App Architecture
95. Testes unitários de view Integração Unitários Exercitar todos os tamanhos da tela ou componente * Telas não necessariamente verdadeiras
96. Testes unitários de view Integração Unitários Exercitar todos os tamanhos da tela ou componente * Telas não necessariamente verdadeiras 4S 6/6S/7/8 6P/7P/8P 5/5S/5C/SE X
97. Testes unitários de view Integração Unitários Exercitar todos os tamanhos de fonte na tela ou componente CategoryXS CategoryXXXL CategoryAccessibilityXXXL * Telas não necessariamente verdadeiras
98. Testes unitários de view Integração Unitários Exercitar todos os estados da tela ou componente * Telas não necessariamente verdadeiras
99. Testes unitários de view Integração Unitários Exercitar todos os estados da tela ou componente * Telas não necessariamente verdadeiras
100. Testes unitários de view Exemplo: Teste de estados func testLayout() throws { } Integração Unitários
101. Testes unitários de view func testLayout() throws { let permutations = [ ("popup", PopupViewModel(popup: somePopup)), ("one-action", PopupViewModel(popup: oneActionPopup)), ("no-icon", PopupViewModel(popup: noIconPopup)), ("recognized-timeout", .recognizedTimeout(url: .empty())), ("unrecognized-block", .unrecognizedBlock(url: .empty())) ] } Integração Unitários let permutations = [ ("popup", PopupViewModel(popup: somePopup)), ("one-action", PopupViewModel(popup: oneActionPopup)), ("no-icon", PopupViewModel(popup: noIconPopup)), ("recognized-timeout", .recognizedTimeout(url: .empty())), ("unrecognized-block", .unrecognizedBlock(url: .empty())) ] Exemplo: Teste de estados
102. Testes unitários de view func testLayout() throws { let permutations = [ ("popup", PopupViewModel(popup: somePopup)), ("one-action", PopupViewModel(popup: oneActionPopup)), ("no-icon", PopupViewModel(popup: noIconPopup)), ("recognized-timeout", .recognizedTimeout(url: .empty())), ("unrecognized-block", .unrecognizedBlock(url: .empty())) ] try permutations.forEach { identifier, viewModel in let viewController = PopupViewController() viewController.bind(viewModel) try assertView(viewController.view, width: 350, identifier: identifier, screenshotService: service) } } Integração Unitários let viewController = PopupViewController() viewController.bind(viewModel) try permutations.forEach { identifier, viewModel in } Exemplo: Teste de estados
103. try permutations.forEach { identifier, viewModel in } Testes unitários de view func testLayout() throws { let permutations = [ ("popup", PopupViewModel(popup: somePopup)), ("one-action", PopupViewModel(popup: oneActionPopup)), ("no-icon", PopupViewModel(popup: noIconPopup)), ("recognized-timeout", .recognizedTimeout(url: .empty())), ("unrecognized-block", .unrecognizedBlock(url: .empty())) ] try permutations.forEach { identifier, viewModel in let viewController = PopupViewController() viewController.bind(viewModel) try assertView(viewController.view, width: 350, identifier: identifier, screenshotService: service) } } Integração Unitários try assertView(viewController.view, width: 350, identifier: identifier, screenshotService: service) Exemplo: Teste de estados
104. Testes de integração Integração Unitários
105. Testes de integração Integração Unitários • Foco no funcionamento dos componentes em conjunto
106. Testes de integração Integração Unitários • Foco no funcionamento dos componentes em conjunto • Fluxos reais do app com poucas modificações
107. Testes de integração Integração Unitários • Foco no funcionamento dos componentes em conjunto • Fluxos reais do app com poucas modificações • Requests mockados internamente no teste
108. Testes de integração Integração Unitários
109. KIF Input do Usuário Testes de integração Integração Unitários
110. OHHTTPStubs KIF Input do Usuário Testes de integração Integração Unitários Mocks de requests
111. Testes de integração Integração Unitários
112. Testes de integração Integração Unitários
113. Testes de integração Exemplo func login() { tester().tapView(withAccessibilityLabel: "LOGIN") tester().waitForSoftwareKeyboard() tester().enterText(intoCurrentFirstResponder: validCPF) tester().tapView(withAccessibilityLabel: "CONTINUAR") tester().enterText(intoCurrentFirstResponder: validPassword) tester().tapView(withAccessibilityLabel: "ENTRAR") } Integração Unitários
114. Testes de integração Exemplo func login() { tester().tapView(withAccessibilityLabel: "LOGIN") tester().waitForSoftwareKeyboard() tester().enterText(intoCurrentFirstResponder: validCPF) tester().tapView(withAccessibilityLabel: "CONTINUAR") tester().enterText(intoCurrentFirstResponder: validPassword) tester().tapView(withAccessibilityLabel: "ENTRAR") } tester().swipeView(withAccessibilityIdentifier: "global-actions", inDirection: .left) tester().moveRow(at: IndexPath(row: 0, section: 0), to: IndexPath(row: 1, section: 0), in: tester().firstTableView()) tester().waitForAnimationsToFinish() tester().tapView(withAccessibilityLabel: "Voltar") tester().swipeView(withAccessibilityIdentifier: "global-actions", inDirection: .right) tester().waitForAnimationsToFinish() Integração Unitários tapView waitForSoftwareKeyboard enterText swipeView moveRow waitForAnimationsToFinish
115. Recapitulando
116. Recapitulando Pirâmide de testes
117. Recapitulando Pirâmide de testes • Muitos testes unitários
118. Recapitulando Pirâmide de testes • Muitos testes unitários • Alguns testes de integração
119. Recapitulando Pirâmide de testes • Muitos testes unitários • Alguns testes de integração • Poucos testes end-to-end
120. Recapitulando
121. Recapitulando Escrevendo código testável
122. Recapitulando Escrevendo código testável • Evitar dependências implícitas
123. Recapitulando Escrevendo código testável • Evitar dependências implícitas • Injeção de dependências
124. Recapitulando Escrevendo código testável • Evitar dependências implícitas • Injeção de dependências • Funções puras
125. Recapitulando Escrevendo código testável • Evitar dependências implícitas • Injeção de dependências • Funções puras • Arquitetura desacoplada
126. Recapitulando
127. Recapitulando • Automatize sempre!
128. Recapitulando • Automatize sempre! • Ferramentas
129. Recapitulando • Automatize sempre! • Ferramentas • MacStadium
130. Recapitulando • Automatize sempre! • Ferramentas • MacStadium • Jenkins
131. Recapitulando • Automatize sempre! • Ferramentas • MacStadium • Jenkins • Fastlane
132. Recapitulando
133. Recapitulando Bibliotecas
134. Recapitulando Bibliotecas • uber/ios-snapshot-test-case
135. Recapitulando Bibliotecas • uber/ios-snapshot-test-case • kif-framework/KIF
136. Recapitulando Bibliotecas • uber/ios-snapshot-test-case • kif-framework/KIF • AliSoftwate/OHHTTPStubs
137. Obrigado! Victor Maraccini @vmaraccini | victor.maraccini@nu.bank Francesco Perrotti-Garcia @fpg1503 | francesco.garcia@nu.bank
138. Obrigado! sou.nu/jobs-at-nubank Victor Maraccini @vmaraccini | victor.maraccini@nu.bank Francesco Perrotti-Garcia @fpg1503 | francesco.garcia@nu.bank sou.nu/ios-beta