Tweet
Tweet

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Radoslav Stankov @rstankov http://rstankov.com http://github.com/rstankov

Slide 3

Slide 3 text

Vladimir Vladimirov @DeVladinci http://github.com/DeVladinci

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Version 1.0

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Pretty standard iOS app • Storyboards • Uses web API • Decent data layer • … like a Apple tutorial

Slide 9

Slide 9 text

Version 2.0

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

class ViewController : PHParallaxViewController { 
 override func viewDidLoad() { super.viewDidLoad() header = … content = … } }

Slide 18

Slide 18 text

class ViewController : PHParallaxViewController { 
 override func viewDidLoad() { super.viewDidLoad() header = … content = … } }

Slide 19

Slide 19 text

class ViewController : PHParallaxViewController { 
 override func viewDidLoad() { super.viewDidLoad() header = … content = … } }

Slide 20

Slide 20 text

class ViewController : PHParallaxViewController { 
 override func viewDidLoad() { super.viewDidLoad() header = … content = … } }

Slide 21

Slide 21 text

class ViewController : PHParallaxViewController { 
 override func viewDidLoad() { super.viewDidLoad() header = … content = … } }

Slide 22

Slide 22 text

class PHCollectionViewController : PHParallaxViewController { var collection = PHCollection() override func viewDidLoad() { super.viewDidLoad() header = PHCollectionHeaderView(collection) content = PHPostListViewController(collection) } }

Slide 23

Slide 23 text

class PHCollectionHeaderView : UIView { // … } extension PHCollectionHeaderView : PHParallaxHeaderSource { var backgroundImageUrl: String { return collection.imagePath } var height: Int { return 40 } }

Slide 24

Slide 24 text

Parallax View Controller

Slide 25

Slide 25 text

Parallax View Controller Parallax Header

Slide 26

Slide 26 text

Parallax View Controller Parallax Header Custom Header

Slide 27

Slide 27 text

Parallax View Controller Parallax Header Custom Header Custom View Controller

Slide 28

Slide 28 text

Parallax View Controller Parallax Header Custom Header Custom View Controller

Slide 29

Slide 29 text

Parallax View Controller Parallax Header Custom Header Custom View Controller

Slide 30

Slide 30 text

Parallax View Controller Parallax Header Custom Header Custom View Controller Background Image Height

Slide 31

Slide 31 text

Parallax View Controller Parallax Header Custom Header Custom View Controller

Slide 32

Slide 32 text

Parallax View Controller Parallax Header Custom Header Custom View Controller

Slide 33

Slide 33 text

Parallax View Controller Parallax Header Custom Header Custom View Controller scrollView. panGestureRecognizer

Slide 34

Slide 34 text

Parallax View Controller Parallax Header Custom Header Custom View Controller

Slide 35

Slide 35 text

Parallax View Controller Parallax Header Custom Header Custom View Controller

Slide 36

Slide 36 text

Parallax View Controller

Slide 37

Slide 37 text

Parallax View Controller

Slide 38

Slide 38 text

Parallax View Controller

Slide 39

Slide 39 text

Parallax View Controller

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text


 View Controller

Slide 45

Slide 45 text


 View Controller Table View

Slide 46

Slide 46 text


 View Controller Table View Cell

Slide 47

Slide 47 text


 View Controller Table View Cell State View

Slide 48

Slide 48 text

UITableViewController + • Load data from server • Loading and empty state • Pull to refresh • Infinite scrolling • Dynamic cell height

Slide 49

Slide 49 text

PHListView

Slide 50

Slide 50 text

List Data Source Post Data Source List Cell Post Cell PHListViewController(dataSource: dataSource, cell: PHPostCell.Type) 
 View Controller Table View Cell State View

Slide 51

Slide 51 text

PHDataSource • numberOfSections • numberOfRowsInSection • dataOfIndexPath

Slide 52

Slide 52 text

class PHListArrayDataSource : PHListDataSource { var content = [T]() convenience init(_ content: [T]) { self.init() self.content = content } override func numberOfSections() -> Int { return 1 } override func numberOfRowsInSection(section: Int) -> Int { return content.count } override func dataAtIndexPath(indexPath: NSIndexPath) -> T? { return content[indexPath.row] } }

Slide 53

Slide 53 text

let dataSource = PHListArrayDataSource(listOfPosts) let vc = PHListViewController(dataSource: dataSource, cell: PHPostCell.Type)

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

PHDataSource • initialLoad • loadNewer • loadOlder • moreToLoad

Slide 56

Slide 56 text

typealias PHPostCallback = ([PHPost]) -> Void typealias PHPostFetch = (lastId: Int?, callback: PHPostCallback) -> Void class PHPostListDataSource : PHListArrayDataSource { private var fetch: PHPostFetch? convenience init(fetch: PHPostFetch) { self.init() self.fetch = fetch } override func initialLoad() { loadOlder() } override func loadOlder() { fetch?(lastId: content.last?.id) { (posts) in self.content += posts self.isThereMoreToLoad = !posts.isEmpty self.dataWasChanged() } } }

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

Unit tests • Test one object / function • Isolated • Fast • Edge cases, nitpickings

Slide 60

Slide 60 text

4 Phase Testing

Slide 61

Slide 61 text

Setup 4 Phase Testing

Slide 62

Slide 62 text

Setup Action 4 Phase Testing

Slide 63

Slide 63 text

Setup Action Assertion 4 Phase Testing

Slide 64

Slide 64 text

Setup Action Assertion Teardown 4 Phase Testing

Slide 65

Slide 65 text

Setup Action Assertion Teardown 4 Phase Testing

Slide 66

Slide 66 text

class PHShareMessageTest: XCTestCase { func testBuildFromWithLiveEvent() { let event = PHTestFactory.liveEvent() let message = PHShareMessage(event) let expected = "I am chatting with @\(event.twitterName)" XCTAssertEqual(message.text, expected) } }

Slide 67

Slide 67 text

class PHShareMessageTest: XCTestCase { func testBuildFromWithLiveEvent() { let event = PHTestFactory.liveEvent() let message = PHShareMessage(event) let expected = "I am chatting with @\(event.twitterName)" XCTAssertEqual(message.text, expected) } func testBuildFromWithPastLiveEvent() { let event = PHTestFactory.pastLiveEvent() let message = PHShareMessage(event) let expected = "Thanks @\(event.twitterName) for the LIVE Chat" XCTAssertEqual(message.text, expected) } }

Slide 68

Slide 68 text

class PHShareMessageTest: XCTestCase { func testBuildFromWithLiveEvent() { let event = PHTestFactory.liveEvent() let message = PHShareMessage(event) let expected = "I am chatting with @\(event.twitterName)" XCTAssertEqual(message.text, expected) } func testBuildFromWithPastLiveEvent() { let event = PHTestFactory.pastLiveEvent() let message = PHShareMessage(event) let expected = "Thanks @\(event.twitterName) for the LIVE Chat" XCTAssertEqual(message.text, expected) } func testBuildFromWithUpcomingLiveEvent() { let event = PHTestFactory.upcomingLiveEvent() let message = PHShareMessage(event) let expected = "I signed up to chat with @\(event.twitterName)" XCTAssertEqual(message.text, expected) } }

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

UI tests • Tests a full feature • Slow • Fake API • KIF

Slide 71

Slide 71 text

Fake Endpoint Fake Data Data Source API Endpoint

Slide 72

Slide 72 text

class PHTestUITestCase : KIFTestCase { let tester // -> KIFUITestActor + ProductHunt extensions let fake // -> PHTestFake let endpoint // -> PHTestEndpoint override func setUp() { super.setUp() // fake endpoint setup // init state } override func tearDown() { // fake endpoint clear // reset state super.tearDown() } }

Slide 73

Slide 73 text

class PHTestComments : PHTestUITestCase { func testCommentingFlow() { // setup let post = fake.post() tester.loginAsLoggedUser() // comment versions let comment = fake.comment(["user": tester.loggedUserId]) let updatedComment = comment.ph_merge(["body": "updated body"]) // stub requests endpoint.stubPost(post) endpoint.stubMethod(.Post, "/comments", comment) endpoint.stubMethod(.Patch, "/comments/\(comment["id"])", updatedComment) // start tester.openPost(post) tester.waitForViewWithAccessibilityLabel("No Comments") // test submit button appearing tester.clearTextFromAndThenEnterText(comment["body"], intoViewWithAccessibilityLabel: "Comment") // test creating a comment tester.tapViewWithAccessibilityLabel("Submit") tester.waitForViewWithAccessibilityLabel(comment["Body"]) // test updating a comment tester.tapViewWithAccessibilityLabel("Edit comment") tester.clearTextFromAndThenEnterText(updatedComment["body"],

Slide 74

Slide 74 text

let updatedComment = comment.ph_merge(["body": "updated body"]) // stub requests endpoint.stubPost(post) endpoint.stubMethod(.Post, "/comments", comment) endpoint.stubMethod(.Patch, "/comments/\(comment["id"])", updatedComment) // start tester.openPost(post) tester.waitForViewWithAccessibilityLabel("No Comments") // test submit button appearing tester.clearTextFromAndThenEnterText(comment["body"], intoViewWithAccessibilityLabel: "Comment") // test creating a comment tester.tapViewWithAccessibilityLabel("Submit") tester.waitForViewWithAccessibilityLabel(comment["Body"]) // test updating a comment tester.tapViewWithAccessibilityLabel("Edit comment") tester.clearTextFromAndThenEnterText(updatedComment["body"], intoViewWithAccessibilityLabel: "Comment") tester.tapViewWithAccessibilityLabel("Submit") tester.waitForAbsenceOfViewWithAccessibilityLabel(comment["body"]) tester.waitForViewWithAccessibilityLabel(updatedComment["body"]) } }

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

https://developer.apple.com/videos/play/wwdc2015/406/ UI Testing in Xcode

Slide 78

Slide 78 text

Version 3.0

Slide 79

Slide 79 text

No content

Slide 80

Slide 80 text

class PHOpenPostAction { class func perform(withId id: Int) { let vc = PHPostDetailsViewController() vc.postId = postId PHShowViewControllerAction.perform(vc) } }

Slide 81

Slide 81 text

typealias Completion = () -> Void 
 class PHShowViewControllerAction { class func perform(vc: UIViewController, animated: Bool, completion: Completion?) { let delegate = UIApplication.sharedApplication().delegate as! PHAppDelegate var topVC = delegate.topViewController while (topVC.presentedViewController != nil) { topVC = topVC.presentedViewController } topVC.presentViewController(vc, animated: animated, completion: completion) } }

Slide 82

Slide 82 text

PHShowViewControllerAction PHOpenPostAction

Slide 83

Slide 83 text

Load Loading Show State Screen Not Found Error Timeout Error Success? true false

Slide 84

Slide 84 text

Load Loading Show State Screen Not Found Error Timeout Error Success? true false

Slide 85

Slide 85 text

class PHLoadContentAction { class func perform(loadContent: PHLoadContentLoad) { let loadingViewController = PHLoadingViewController() loadingViewController.loadContent = loadContent PHShowViewControllerAction.perform(loadingViewController) } }

Slide 86

Slide 86 text

PHOpenPostAction PHShowViewControllerAction PHLoadAction

Slide 87

Slide 87 text

PHOpenPostAction.perform(withId: 5)

Slide 88

Slide 88 text

PHOpenLinkAction.perform("producthunt://post/1") PHOpenLinkAction.perform("producthunt://collection/1") PHOpenLinkAction.perform("producthunt://user/1")

Slide 89

Slide 89 text

PHOpenPostAction PHOpenLinkAction PHShowViewControllerAction PHLoadAction

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

No content

Slide 92

Slide 92 text

View Store

Slide 93

Slide 93 text

View Store

Slide 94

Slide 94 text

View Store

Slide 95

Slide 95 text

Action View Store

Slide 96

Slide 96 text

Dispatcher Action View Store

Slide 97

Slide 97 text

Dispatcher Action View Store

Slide 98

Slide 98 text

Product Hunt for Mac

Slide 99

Slide 99 text

No content

Slide 100

Slide 100 text

https://github.com/producthunt/producthunt-osx

Slide 101

Slide 101 text

Version 3.2

Slide 102

Slide 102 text

https://speakerdeck.com/rstankov/rebuilding-of-product-hunt-for-ios

Slide 103

Slide 103 text

Thanks !

Slide 104

Slide 104 text

No content