FBSnapshotTestCaseに助けられた話

Kyobashi.swift x AKIBA.swift 合同勉強会
2017/02/08

Transcript

1. FBSnapshotTestCase ʹॿ͚ΒΕͨ࿩ Yuki Hirai Kyobashi.swift x AKIBA.swift ߹ಉษڧձ 2017/02/08
2. ๻͸ฏҪ༞थͩʔʂ • 31ࡀɻطࠗ • དྷि͙Β͍ʹ͕஀ੜ͢Δ • RMP • iOS Engineer
3. FBSnapshotTestCaseʹ ॿ͚ΒΕͨ࿩Λ͠·͢
4. ൒೥͙Β͍લɾɾɾ Φοεʂ࣍ͷϓϩδΣΫτདྷͨͧʔ ແअؾˁ طࠗˁ
5. ൒೥͙Β͍લɾɾɾ Φοεʂ࣍ͷϓϩδΣΫτདྷͨͧʔ 0,ͬ͢ʂͲ͏͍͏ํ਑Ͱ࡞͍͖ͬͯ·͢ʁ ແअؾˁ طࠗˁ
6. ൒೥͙Β͍લɾɾɾ ͦ͏ͩͳɾɾɾ ແअؾˁ طࠗˁ
7. ൒೥͙Β͍લɾɾɾ ࠷ۙ
   $MFBO
   4XJGU
   ྑͦ͞͏ͩͱࢥͬͯ͊͞ɺͦΕ࠾ ༻ͭͭ͠
   #PMUT
   ͱ͔͍͍ײ͡ʹ࢖ͬͯॻ͜͏ͱࢥͬ ͯͯɺ͋ͬɺ͋ͱΧόϨοδ΋શମͰ
   ͸ͱΓͨ ͍ͱ͜ΖͩΑͶɻ͋ͱ
   TXJGUMJOU
   ΋ΨονΨνʹೖΕ ͯ͞ʂ͍͍ײ͡͡ΌͶʂʁ
   4XJOKFDU
   ΋ಋೖ͠Α ͏ʂ׬ྃ৚݅ʹ΋௥Ճ͠Α͏ʂʂ ແअؾˁ طࠗˁ
8. ൒೥͙Β͍લɾɾɾ ࠷ۙ
   $MFBO
   4XJGU
   ྑͦ͞͏ͩͱࢥͬͯ͊͞ɺͦΕ࠾ ༻ͭͭ͠
   #PMUT
   ͱ͔͍͍ײ͡ʹ࢖ͬͯॻ͜͏ͱࢥͬ ͯͯɺ͋ͬɺ͋ͱΧόϨοδ΋શମͰ
   ͸ͱΓͨ ͍ͱ͜ΖͩΑͶɻ͋ͱ
   TXJGUMJOU
   ΋ΨονΨνʹೖΕ ͯ͞ʂ͍͍ײ͡͡ΌͶʂʁ
   4XJOKFDU
   ΋ಋೖ͠Α ͏ʂ׬ྃ৚݅ʹ΋௥Ճ͠Α͏ʂʂ ͑ͬʁ3Y4XJGU͕ྑ͍ͳɾɾɾͰ΋࣮੷͋ ΔΈ͍ͨͩ͠ͳ͊ɾɾ͔͠΋ͳΜָ͔ͦ͠ ͏ʹͯ͠Δ͠ɾɾɾ·͍͔͊ͬ
   ͸͍ʂʂ ແअؾˁ طࠗˁ
9. ࣮૷ணख طࠗˁ
10. ࣮૷ணख طࠗˁ ྑ͍ײ͡
11. ͠͹Βͯ͘͠ɾɾɾ ɾɾɾ ແअؾˁ طࠗˁ
12. ͠͹Βͯ͘͠ɾɾɾ ΍ͬͺ3Y4XJGUͰ͍͜͏ʂX ແअؾˁ طࠗˁ
13. ͠͹Βͯ͘͠ɾɾɾ ΍ͬͺ3Y4XJGUͰ͍͜͏ʂX ແअؾˁ طࠗˁ ͓͍X
14. ͜͏ͯ͠ॻ͖׵͕͑ ͸͡·ͬͨ
15. ͔͠͠৺഑ແ༻ʂ
16. ͜Μͳ͜ͱ΋͋Ζ͏͔ͱ ൿࡦΛ४උ͍ͯͨ͠ͷͩʂ
17. FBSnapshotTestCase • https://github.com/facebook/ios-snapshot- test-case • UIView/CALayer ͷεφοϓγϣοτͱ͋Β͔ ͡Ί༻ҙͨ͠ը૾Λൺֱͯ͠ɺҰக͠ͳ͍৔ ߹͸ςετࣦഊʹͰ͖Δ • XCTestCaseͷαϒΫϥε
18. Nimble-Snapshots • https://github.com/ashfurrow/Nimble- Snapshots • FBSnapshotTestCaseΛ Nimble ͷ matcher ͱ ͯ͠ఆٛ
19. Nimble-Snapshots expect(view).to(haveValidSnapshot()) expect(view).to(haveValidSnapshot(named: "some custom name")) expect(view) == snapshot() expect(view) == snapshot("some custom name") (view) (view, "some custom name")
20. import UIKit import Quick import Nimble import Nimble_Snapshots @testable import ScreenShotExample final class ViewControllerSpec: QuickSpec { override func spec() { describe("view") { var subject: ViewController! var window: UIWindow! beforeEach { window = UIWindow() let bundle = Bundle.main let storyboard = UIStoryboard(name: "Main", bundle: bundle) subject = storyboard.instantiateViewController(withIdentifier: "ViewController") as! ViewController window.addSubview(subject.view) RunLoop.current.run(until: Date()) } afterEach { window = nil } it("displays correctly") { (subject) // expect(subject).toEventually(haveValidSnapshot()) } } } ʩ
21. import UIKit import Quick import Nimble import Nimble_Snapshots @testable import ScreenShotExample final class ViewControllerSpec: QuickSpec { override func spec() { describe("view") { var subject: ViewController! var window: UIWindow! beforeEach { window = UIWindow() let bundle = Bundle.main let storyboard = UIStoryboard(name: "Main", bundle: bundle) subject = storyboard.instantiateViewController(withIdentifier: "ViewController") as! ViewController window.addSubview(subject.view) RunLoop.current.run(until: Date()) } afterEach { window = nil } it("displays correctly") { (subject) // expect(subject).toEventually(haveValidSnapshot()) } } } ʩ ύγϟϦʂ
22. Nimble-Snapshots
23. import UIKit import Quick import Nimble import Nimble_Snapshots @testable import ScreenShotExample final class ViewControllerSpec: QuickSpec { override func spec() { describe("view") { var subject: ViewController! var window: UIWindow! beforeEach { window = UIWindow() let bundle = Bundle.main let storyboard = UIStoryboard(name: "Main", bundle: bundle) subject = storyboard.instantiateViewController(withIdentifier: "ViewController") as! ViewController window.addSubview(subject.view) RunLoop.current.run(until: Date()) } afterEach { window = nil } it("displays correctly") { // (subject) expect(subject).toEventually(haveValidSnapshot()) } } } ʩ
24. import UIKit import Quick import Nimble import Nimble_Snapshots @testable import ScreenShotExample final class ViewControllerSpec: QuickSpec { override func spec() { describe("view") { var subject: ViewController! var window: UIWindow! beforeEach { window = UIWindow() let bundle = Bundle.main let storyboard = UIStoryboard(name: "Main", bundle: bundle) subject = storyboard.instantiateViewController(withIdentifier: "ViewController") as! ViewController window.addSubview(subject.view) RunLoop.current.run(until: Date()) } afterEach { window = nil } it("displays correctly") { // (subject) expect(subject).toEventually(haveValidSnapshot()) } } } ʩ
25. DEMO https://github.com/yutu/ScreenShotExample
26. ແࣄ৐Γӽ͑ͨʂ
27. ͔͠͠ຊ౰ʹා͍ͷ͸ɾɾɾ
28. ࣮͸ɾɾɾ ແअؾˁ طࠗˁ
29. Ͳͬͪ΋๻Ͱͨ͠ ແअؾˁ طࠗˁ
30. ͔ͯ͘͠ FBSnapshotTestCaseʹ ๻͸ॿ͚ΒΕ·ͨ͠
31. FBSnapshotTestCase ͷ͍͍ͱ͜Ζ • ΞʔΩςΫνϟ΍OSSʹґଘ͠ͳ͍ςετ͕ॻ͚Δ • අ༻ରޮՌ͕ߴ͍ • XcodeͰΧόϨοδΛܭଌͰ͖Δ • PRͰεφοϓγϣοτͷdiff͕ݟΕΔ • CircleCI Ͱ΋ී௨ʹಈ͘ • TDDͰ͖Δ
32. ؾΛ͚͍ͭͨ͜ͱ • ϢχοτςετΛॻ͔ͳͯ͘ྑ͍Θ͚Ͱ͸ͳ͍ • IT͢Δ৔߹͸࣮ߦ͢ΔσόΠεͱiOS verʹ஫ҙ • UIΛར༻ͨ͠ςετ ≠ E2Eςετ • ʮͳͥɾͲ͜·ͰςετΛॻ͔͘ʢॻ͔ͳ͍ ͔ʣʯΛৗʹҙࣝ͢Δ
33. ʴΞϧϑΝ • CircleCI + fastlane (scan/slather) ͰΧόϨο δܭଌ • swiftlintʢͱ͘ʹ cyclomatic_complexityʣ • Swinject
34. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠