Testando o App do Nubank

Transcript

1. Testando o App do Nubank Victor Maraccini @vmaraccini Francesco Perrotti-Garcia @fpg1503
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: • É cliente do Nubank
14. Show of hands Quem aqui: • É cliente do Nubank • Mexeu com Mobile
15. Show of hands Quem aqui: • É cliente do Nubank • Mexeu com Mobile • Escreveu teste para Mobile
16. Por que testamos?
17. Por que testamos? • Evitar regressão • Mais velocidade para refatorar e fazer mudanças • Novos engenheiros tem confiança nas entregas
18. 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
19. Pirâmide de testes
20. Pirâmide de testes Unitários
21. Pirâmide de testes Integração Unitários
22. Pirâmide de testes E2E Integração Unitários
23. Nossa pirâmide de testes em Mobile E2E Integração Unitários E2E
24. Nossa pirâmide de testes em Mobile Unitários E2E E2E Integração Integração
25. Nossa pirâmide de testes em Mobile Unitários E2E Integração
26. Nossa pirâmide de testes em Mobile Integração Unitários E2E
27. Nossa pirâmide de testes em Mobile Integração Unitários E2E Testes antes de cada merge
28. Nossa pirâmide de testes em Mobile Integração Unitários E2E Testes antes de cada merge Deploy a cada merge
29. 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
30. 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
31. Integração contínua Code Review Testes passando 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
35. Entrega contínua Deploy a cada merge
36. Entrega contínua Deploy a cada merge
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. Testes unitários Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool }
42. struct MGMChannelData { let type: MGMChannel } struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } Testes unitários Integração Unitários
43. Testes unitários Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } struct MGMChannelData { let count: Int? }
44. Testes unitários Integração Unitários struct MGMChannelData { let type: MGMChannel let count: Int? let canOpen: Bool } struct MGMChannelData { let canOpen: Bool }
45. 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] }
46. 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] }
47. 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] }
48. 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,
49. 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] }
50. 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] }
51. 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,
52. 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
53. 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(())
54. 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
55. Testes unitários de view Integração Unitários
56. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso
57. Testes unitários de view Integração Unitários • Permite validar o layout em várias condições de uso • Uso de screenshots
58. 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
59. 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
60. 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
61. Testes unitários de view Integração Unitários Exercitar todos os tamanhos da tela ou componente * Telas não necessariamente verdadeiras
62. 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
63. 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
64. Testes unitários de view Integração Unitários Exercitar todos os estados da tela ou componente * Telas não necessariamente verdadeiras
65. Testes unitários de view Integração Unitários Exercitar todos os estados da tela ou componente * Telas não necessariamente verdadeiras
66. 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
67. 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())) ]
68. 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 }
69. 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 }
70. Testes de integração Integração Unitários
71. Testes de integração Integração Unitários • Foco no funcionamento dos componentes em conjunto
72. Testes de integração Integração Unitários • Foco no funcionamento dos componentes em conjunto • Fluxos reais do app com poucas modificações
73. 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
74. Testes de integração Integração Unitários
75. Testes de integração Integração Unitários
76. 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
77. 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
78. Perguntas? Victor Maraccini @vmaraccini | victor.maraccini@nubank.com.br Francesco Perrotti-Garcia @fpg1503 | francesco.garcia@nubank.com.br
79. Obrigado! sou.nu/jobs-at-nubank Victor Maraccini @vmaraccini | victor.maraccini@nubank.com.br Francesco Perrotti-Garcia @fpg1503 | francesco.garcia@nubank.com.br