Testando o App do Nubank

Nesta palestra, compartilharemos técnicas que utilizamos para tornar nosso código fácil de testar e quais os tipos de testes que fazemos nos apps mobile do Nubank para garantir qualidade em todas as condições de uso.

Transcript

1. Testando o App do Nubank Victor Maraccini @vmaraccini Francesco Perrotti-Garcia @fpg1503
2. Show of hands Quem aqui: • É cliente do Nubank
3. O que é Nubank?
4. • Mais de 1200 funcionários • Diversidade • Mais de 5MM de clientes • Clientes fazem tudo pelo app • Cultura de qualidade e testes O que é Nubank?
5. Show of hands Quem aqui: • É cliente do Nubank • Mexeu com Mobile • Escreveu teste para Mobile
6. 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
7. Pirâmide de testes E2E Integração Unitários
8. Nossa pirâmide de testes em Mobile E2E Integração Unitários E2E
9. Nossa pirâmide de testes em Mobile Unitários E2E E2E Integração Integração
10. Nossa pirâmide de testes em Mobile Integração Unitários E2E Testes antes de cada merge Deploy a cada merge Rollout Teste A/B Checklist
11. Integração contínua Code Review Testes passando Testes antes de cada merge
12. Integração contínua Testes antes de cada merge
13. Entrega contínua Deploy a cada merge
14. Testes unitários Integração Unitários • Foco no comportamento individual de componentes • Desacoplado • Especializado
15. Testes unitários Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool }
16. struct MGMChannelData { let type: MGMChannel } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } Testes unitários Integração Unitários
17. Testes unitários Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } struct MGMChannelData { let count: Int? }
18. Testes unitários Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } struct MGMChannelData { let canOpen: Bool }
19. Testes unitários Exemplo: Funções puras Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelsData(urlHandler: URLHandler, invitations: Int, channels: [Customer.Channel]) -> [MGMChannelData] }
20. Testes unitários Exemplo: Funções puras func testChannelDataCreationEmailNoInvites() { } Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelsData(urlHandler: URLHandler, invitations: Int, channels: [Customer.Channel]) -> [MGMChannelData] }
21. Testes unitários Exemplo: Funções puras func testChannelDataCreationEmailNoInvitesCannotOpen() { let urlHandler = URLHandlerMock(canOpenWhatsapp: false, canOpenFacebook: false) let invites = 0 let channelData = MGMInteractor.createChannelData(invitations: invites, channel: .email, urlHandler: urlHandler) expect(channelData) == MGMChannelData(type: .email, count: invites, canOpen: false) } Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelsData(urlHandler: URLHandler, invitations: Int, channels: [Customer.Channel]) -> [MGMChannelData] }
22. Testes unitários Exemplo: Funções puras func testChannelDataCreationEmailNoInvitesCannotOpen() { let urlHandler = URLHandlerMock(canOpenWhatsapp: false, canOpenFacebook: false) let invites = 0 let channelData = MGMInteractor.createChannelData(invitations: invites, channel: .email, urlHandler: urlHandler) expect(channelData) == MGMChannelData(type: .email, count: invites, canOpen: false) } Integração Unitários let invites = 0 canOpen: false struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelsData(urlHandler: URLHandler, invitations: Int, channels: [Customer.Channel]) -> [MGMChannelData] } channel: .email,
23. Testes unitários Exemplo: Funções puras func testChannelDataCreationEmailPositiveNumberOfInvitesCanOpen() { } Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelsData(urlHandler: URLHandler, invitations: Int, channels: [Customer.Channel]) -> [MGMChannelData] }
24. Testes unitários Exemplo: Funções puras func testChannelDataCreationEmailPositiveNumberOfInvitesCanOpen() { let urlHandler = URLHandlerMock(canOpenWhatsapp: false, canOpenFacebook: false) let invites = Int.arbitrary.suchThat { $0 > 0 }.generate let channelData = MGMInteractor.createChannelData(invitations: invites, channel: .email, urlHandler: urlHandler) expect(channelData) == MGMChannelData(type: .email, count: invites, canOpen: true) } Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelsData(urlHandler: URLHandler, invitations: Int, channels: [Customer.Channel]) -> [MGMChannelData] }
25. Testes unitários Exemplo: Funções puras func testChannelDataCreationEmailPositiveNumberOfInvitesCanOpen() { let urlHandler = URLHandlerMock(canOpenWhatsapp: false, canOpenFacebook: false) let invites = Int.arbitrary.suchThat { $0 > 0 }.generate let channelData = MGMInteractor.createChannelData(invitations: invites, channel: .email, urlHandler: urlHandler) expect(channelData) == MGMChannelData(type: .email, count: invites, canOpen: true) } Integração Unitários let invites = Int.arbitrary.suchThat { $0 > 0 }.generate canOpen: true struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } class MGMInteractor { ... func createChannelsData(urlHandler: URLHandler, invitations: Int, channels: [Customer.Channel]) -> [MGMChannelData] } channel: .email,
26. Testes unitários Exemplo: Efeitos colaterais func testInviteMGM() { let mgmManager = StubMGMManager() let stubViewController = StubViewController() let controller = Controller(accountStatus: .just(.active), mgmManager: mgmManager, viewController: stubViewController) //Given a simulated tap stubViewController.confirmSubject.onNext(()) //Expect side-effects expect(mgmManager.inviteInvocationCount) == 1 } Integração Unitários
27. Testes unitários Exemplo: Efeitos colaterais func testInviteMGM() { let mgmManager = StubMGMManager() let stubViewController = StubViewController() let controller = Controller(accountStatus: .just(.active), mgmManager: mgmManager, viewController: stubViewController) //Given a simulated tap stubViewController.confirmSubject.onNext(()) //Expect side-effects expect(mgmManager.inviteInvocationCount) == 1 } Integração Unitários let stubViewController = StubViewController() viewController: stubViewController //Given a simulated tap stubViewController.confirmSubject.onNext(())
28. func testInviteMGM() { let mgmManager = StubMGMManager() let stubViewController = StubViewController() let controller = Controller(accountStatus: .just(.active), 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
29. 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 Design • Evita modificações não intencionais no layout • Permite validar a acessibilidade das telas
30. 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
31. 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
32. Testes unitários de view Integração Unitários Exercitar todos os estados da tela ou componente * Telas não necessariamente verdadeiras
33. Testes unitários de view Exemplo 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
34. Testes unitários de view Exemplo 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 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())) ]
35. Testes unitários de view Exemplo 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 }
36. Testes unitários de view Exemplo 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) try permutations.forEach { identifier, viewModel in }
37. 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
38. Testes de integração Integração Unitários
39. 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") } func testReorderFlow() throws { 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
40. 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") } func testReorderFlow() throws { 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
41. Perguntas? Victor Maraccini @vmaraccini | victor.maraccini@nubank.com.br Francesco Perrotti-Garcia @fpg1503 | francesco.garcia@nubank.com.br
42. Obrigado! sou.nu/jobs-at-nubank Victor Maraccini @vmaraccini | victor.maraccini@nubank.com.br Francesco Perrotti-Garcia @fpg1503 | francesco.garcia@nubank.com.br