UI-тесты в iOS-проекте / Михаил Домрачев (Improve Digital)
0 likes597 views
Документ обсуждает внедрение и важность UI тестирования в iOS проектах команды разработчиков, которая активно развивается в течение двух лет. Освещаются особенности и преимущества использования инструментов для автоматизации тестов, таких как Fastlane Snapshot, а также возможные проблемы и недостатки, связанные с их внедрением. Основное внимание уделяется улучшению читаемости кода и снижению количества ошибок, однако поднимается вопрос о времени и усилиях, необходимых для реализации этих тестов.
![UI test recording
XCUIApplication *app = app2;
[app.buttons[@"start"] tap];
XCUIElement *element = [[[[app.otherElements
containingType:XCUIElementTypeNavigationBar identifier:@“UIView”]
childrenMatchingType:XCUIElementTypeOther].element
childrenMatchingType:XCUIElementTypeOther].element
childrenMatchingType:XCUIElementTypeOther].element;
[element tap];
XCUIApplication *app2 = app;
[app2.keys[@"t"] tap];
[app typeText:@“t"];
. . .
[app typeText:@"c"];
[app2.keys[@“o"]
[element tap];](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-29-320.jpg)
![UI test recording
[app.buttons[@"start"] tap];
XCUIElement *element = [[[[app.otherElements
containingType:XCUIElementTypeNavigationBar identifier:@“UIView”]
childrenMatchingType:XCUIElementTypeOther].element
childrenMatchingType:XCUIElementTypeOther].element
childrenMatchingType:XCUIElementTypeOther].element;
[element tap];
XCUIApplication *app = app2;
XCUIApplication *app = app2;
[app2.keys[@"t"] tap];
[app typeText:@“t"];
. . .
[app typeText:@"c"];
[app2.keys[@“o"]
[element tap];](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-30-320.jpg)
![UI test recording
XCUIElement *element = [[[[app.otherElements
containingType:XCUIElementTypeNavigationBar identifier:@“UIView”]
childrenMatchingType:XCUIElementTypeOther].element
childrenMatchingType:XCUIElementTypeOther].element
childrenMatchingType:XCUIElementTypeOther].element;
XCUIApplication *app = app2;
[app.buttons[@"start"] tap];
XCUIApplication *app = app2;
[app2.keys[@"t"] tap];
[app typeText:@“t"];
. . .
[app typeText:@"c"];
[app2.keys[@“o"]
[element tap];
[element tap];](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-31-320.jpg)
![}
Stub manager
NSData *cachedData = берем данные из кэша
if (cachedData) {
[self.client URLProtocol: self
didFailWithError: создаем ошибку
- (void)startLoading
NSHTTPURLResponse *response = создаем свой response
[self.client URLProtocol: didReceiveResponse: cacheStoragePolicy:];
[self.client URLProtocol:self didLoadData: cachedData];
[self.client URLProtocolDidFinishLoading: self];
} else {](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-38-320.jpg)
![Stub manager
class MyStubManager
NSURLSessionConfiguration setProtocolClasses: @[[MyNSURLProtocol class]]](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-39-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-52-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])
scheme: “our scheme”](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-53-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])
scheme: “our scheme”
output_directory: “./path/.”](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-54-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])
scheme: “our scheme”
output_directory: “./path/.”
stop_after_first_error: Bool](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-55-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])
scheme: “our scheme”
output_directory: “./path/.”
reinstall_app: Bool
stop_after_first_error: Bool](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-56-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])
scheme: “our scheme”
output_directory: “./path/.”
reinstall_app: Bool
clear_previous_screenshots: Bool
stop_after_first_error: Bool](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-57-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])
scheme: “our scheme”
output_directory: “./path/.”
reinstall_app: Bool
clear_previous_screenshots: Bool
erase_simulator: Bool
stop_after_first_error: Bool](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-58-320.jpg)
![Snapshot
Snapfile
devices ([
"iPhone 6s"
])
scheme: “our scheme”
output_directory: “./path/.”
reinstall_app: Bool
clear_previous_screenshots: Bool
languages ([
“en-US”
])
stop_after_first_error: Bool
erase_simulator: Bool](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-59-320.jpg)
![Time for screenshot
• Добавить SnaphotHelper.swift в таргет с тестами
• Вызвать внутри метода setup(): [Snapshot setupSnapshot:app]
• [Snapshot snapshot:@“Name screen" waitForLoadingIndicator:YES];](https://image.slidesharecdn.com/3ui-ios-170628230036/85/UI-iOS-Improve-Digital-60-320.jpg)
UI-тесты в iOS-проекте / Михаил Домрачев (Improve Digital)
- 1. Домрачев Михаил iOS developer Improve Digital Новосибирск UI тесты в iOS проекте Есть ли профит и для чего их вообще внедряют?
- 3. Как мы пришли к этому? • Проект активно живет и развивается 2 года • Команда разработчиков увеличилась • Проект состоит не из одного приложения • Core framework
- 5. Skeleton screen Item - background color - imageName Item - title - title color - background color
- 6. Core framework App 30% Core framework 70% Core framework AppCore framework Application • Screen module • Any services • Utils • Design elements - xib - cell - view model • Override screen module • New screen modules • Override services • xib
- 7. Design like Lego • Берем ячейки из Core framework • Настраиваем их через View-Model’s • Заполняем таблицу экрана
- 8. Помоги Мише найти 10 отличий 1 1 2 2 3 3 4 4 Screen from Core framework Screen from Core framework
- 9. Screen from Core framework Override screen from Core framework
- 10. Нельзя просто так взять и написать код идеально
- 11. Источники проблем • Новые разработчики • Общие ресурсы • Дизайнер забыл про единый стиль приложений
- 12. UI testing
- 15. UI testing Стоимость Free Free Free
- 16. UI testing Стоимость Free Free Free Кроссплатфор- менный
- 17. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android
- 18. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android iOS
- 19. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android iOS Кодогенерация
- 20. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android iOS Кодогенерация + +
- 21. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android iOS Кодогенерация + - +
- 22. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android iOS Кодогенерация + - +
- 23. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android iOS Кодогенерация + - + Опыт использования
- 24. UI testing Стоимость Free Free Free Кроссплатфор- менный iOS, Android iOS, Android iOS Кодогенерация + - + Опыт использования - - +
- 26. XCTest UI-тесты базируются на трех классах: • XCUIApplication • XCUIElement • XCUIElementQuery
- 29. UI test recording XCUIApplication *app = app2; [app.buttons[@"start"] tap]; XCUIElement *element = [[[[app.otherElements containingType:XCUIElementTypeNavigationBar identifier:@“UIView”] childrenMatchingType:XCUIElementTypeOther].element childrenMatchingType:XCUIElementTypeOther].element childrenMatchingType:XCUIElementTypeOther].element; [element tap]; XCUIApplication *app2 = app; [app2.keys[@"t"] tap]; [app typeText:@“t"]; . . . [app typeText:@"c"]; [app2.keys[@“o"] [element tap];
- 30. UI test recording [app.buttons[@"start"] tap]; XCUIElement *element = [[[[app.otherElements containingType:XCUIElementTypeNavigationBar identifier:@“UIView”] childrenMatchingType:XCUIElementTypeOther].element childrenMatchingType:XCUIElementTypeOther].element childrenMatchingType:XCUIElementTypeOther].element; [element tap]; XCUIApplication *app = app2; XCUIApplication *app = app2; [app2.keys[@"t"] tap]; [app typeText:@“t"]; . . . [app typeText:@"c"]; [app2.keys[@“o"] [element tap];
- 31. UI test recording XCUIElement *element = [[[[app.otherElements containingType:XCUIElementTypeNavigationBar identifier:@“UIView”] childrenMatchingType:XCUIElementTypeOther].element childrenMatchingType:XCUIElementTypeOther].element childrenMatchingType:XCUIElementTypeOther].element; XCUIApplication *app = app2; [app.buttons[@"start"] tap]; XCUIApplication *app = app2; [app2.keys[@"t"] tap]; [app typeText:@“t"]; . . . [app typeText:@"c"]; [app2.keys[@“o"] [element tap]; [element tap];
- 32. UI test recording • Не всегда читаемый код • Не всегда работающий код Есть минусы: • Много кода • Переиспользование функционала
- 33. От теории к практике • Stub manager • Page object pattern • Snapshot
- 34. Stub manager class NSURLProtocol - позволяет предопределить работу системы загрузки URL для iOS 1. Создать свой класс 2. Зарегистрировать его Делается в два действия:
- 35. Stub manager + (BOOL)canInitWithRequest:(NSURLRequest *)request class MyNSURLProtocol
- 36. Stub manager + (BOOL)canInitWithRequest:(NSURLRequest *)request class MyNSURLProtocol - (void)startLoading
- 37. Stub manager + (BOOL)canInitWithRequest:(NSURLRequest *)request class MyNSURLProtocol - (void)startLoading - (void)stopLoading
- 38. } Stub manager NSData *cachedData = берем данные из кэша if (cachedData) { [self.client URLProtocol: self didFailWithError: создаем ошибку - (void)startLoading NSHTTPURLResponse *response = создаем свой response [self.client URLProtocol: didReceiveResponse: cacheStoragePolicy:]; [self.client URLProtocol:self didLoadData: cachedData]; [self.client URLProtocolDidFinishLoading: self]; } else {
- 39. Stub manager class MyStubManager NSURLSessionConfiguration setProtocolClasses: @[[MyNSURLProtocol class]]
- 42. Page object pattern Profit • Читабельность кода • Переиспользование функционала • Централизация интерфейса пользователя
- 43. XCTestUtils @interface FFElements : NSObject - (XCUIElement *)objectForKeyedSubscript:(NSString *)key; - (XCUIElement *)objectAtIndexedSubscript:(NSUInteger)index; @end
- 44. XCTestUtils@interface FFElements : NSObject - (XCUIElement *)objectForKeyedSubscript:(NSString *)key; - (XCUIElement *)objectAtIndexedSubscript:(NSUInteger)index; @end @interface XCTestCase (Elements) @property (nonatomic,readonly) FFElements *textFields; @property (nonatomic,readonly) FFElements *buttons; @property (nonatomic,readonly) FFElements *labels; @property (nonatomic,readonly) FFElements *cells; - (void)wait:(NSTimeInterval)interval; @end
- 45. XCTestUtils@interface FFElements : NSObject - (XCUIElement *)objectForKeyedSubscript:(NSString *)key; - (XCUIElement *)objectAtIndexedSubscript:(NSUInteger)index; @end @interface XCTestCase (Elements) @property (nonatomic,readonly) FFElements *textFields; @property (nonatomic,readonly) FFElements *buttons; @property (nonatomic,readonly) FFElements *labels; @property (nonatomic,readonly) FFElements *cells; - (void)wait:(NSTimeInterval)interval; @end @interface XCUIElement (Utils) @property (nonatomic) NSString *pasteText; + (void)forceTap; @end
- 46. XCTestUtils @interface FFElements : NSObject - (XCUIElement *)objectForKeyedSubscript:(NSString *)key; - (XCUIElement *)objectAtIndexedSubscript:(NSUInteger)index; @end @interface XCTestCase (Elements) @property (nonatomic,readonly) FFElements *textFields; @property (nonatomic,readonly) FFElements *buttons; @property (nonatomic,readonly) FFElements *labels; @property (nonatomic,readonly) FFElements *cells; - (void)wait:(NSTimeInterval)interval; @end @interface XCUIElement (Utils) @property (nonatomic) NSString *pasteText; +(void)forceTap; @end
- 48. Тесты готовы А что с ними делать то?
- 49. Fastlane
- 50. Snapshot Какая от него польза? • Делает скриншоты • Прогоняет тесты • Легко интегрируется с CI
- 51. Snapshot Как его внедрить? • fastlane snapshot init • Настроить Snapfile • В тестах указать места, где бы вы хотели получить скриншот
- 53. Snapshot Snapfile devices ([ "iPhone 6s" ]) scheme: “our scheme”
- 54. Snapshot Snapfile devices ([ "iPhone 6s" ]) scheme: “our scheme” output_directory: “./path/.”
- 55. Snapshot Snapfile devices ([ "iPhone 6s" ]) scheme: “our scheme” output_directory: “./path/.” stop_after_first_error: Bool
- 56. Snapshot Snapfile devices ([ "iPhone 6s" ]) scheme: “our scheme” output_directory: “./path/.” reinstall_app: Bool stop_after_first_error: Bool
- 57. Snapshot Snapfile devices ([ "iPhone 6s" ]) scheme: “our scheme” output_directory: “./path/.” reinstall_app: Bool clear_previous_screenshots: Bool stop_after_first_error: Bool
- 58. Snapshot Snapfile devices ([ "iPhone 6s" ]) scheme: “our scheme” output_directory: “./path/.” reinstall_app: Bool clear_previous_screenshots: Bool erase_simulator: Bool stop_after_first_error: Bool
- 59. Snapshot Snapfile devices ([ "iPhone 6s" ]) scheme: “our scheme” output_directory: “./path/.” reinstall_app: Bool clear_previous_screenshots: Bool languages ([ “en-US” ]) stop_after_first_error: Bool erase_simulator: Bool
- 60. Time for screenshot • Добавить SnaphotHelper.swift в таргет с тестами • Вызвать внутри метода setup(): [Snapshot setupSnapshot:app] • [Snapshot snapshot:@“Name screen" waitForLoadingIndicator:YES];
- 61. Snapshot
- 62. Snapshot
- 63. Обрати внимание! • Stub manager • Page object pattern • Snapshot
- 64. Мы получили • Уменьшили количество багов с дизайном почти до 0 • Появилась проверка правильного роутинга в приложении • Внедрили инструмент для быстрой генерации всех скриншотов приложения и интегрировали тесты с CI
- 65. Минусы • Время на внедрение UI тестов • Поддержка тестов при рефакторинге
- 66. Использовать тесты стоит • Если у вас долгосрочный проект • Постоянный диалог по поводу пиксель перфект • Сложная логика навигации в приложении
- 67. СПАСИБО Домрачев Михаил iOS developer Improve Digital Новосибирск domrachev@improveitgroup.com misha.domrachev