GTXiLibで小さく始めるAccessibility Testing

F05557f473bac91b5bdc6c2e8a95c6f2?s=47 satoshin21
December 16, 2019

GTXiLibで小さく始めるAccessibility Testing

年末だよ Android/iOS Test Night - 2019
https://testnight.connpass.com/event/155429/

GTXiLibを使ったUI Component Testingをご紹介します。

F05557f473bac91b5bdc6c2e8a95c6f2?s=128

satoshin21

December 16, 2019
Tweet

Transcript

  1. 1.

    年末だよ Android/iOS Test Night - 2019 at. DeNA Co, Ltd.

    @satoshin21 GTXiLibで⼩さく始める Accessibility Testing
  2. 2.

    whoami - @satoshin21 - eureka/Pairs -> DeNA/MOV(2019/11) - Bitrise User

    Group Meetup ‧明後⽇にBitrise User Group Meetup #3を⾏います!! ‧みんな来てね!!!
  3. 10.

    google/GTXiLib import GTXiLib class ExampleTests: XCTestCase { override func setUp()

    { GTXiLib.install( on: GTXTestSuite(allTestsIn: ExampleTests.self), checks: GTXChecksCollection.allGTXChecks() , elementBlacklists: [] ) } // UIApplication.shared.windowϕʔεͷUITest func testExampleSceneWithUIApplication() { // ... } }
  4. 12.

    ⾃前のGTXChecking let check = GTXiLib.check(withName: "Customized Accessibility Test") { (element,

    error: UnsafeMutablePointer<NSError?>?) -> Bool in guard let label = element as? UILabel else { return false } if label.frame.height <= 44 { error?.pointee = NSError(domain: kGTXErrorDomain, code: 999, userInfo: [ NSLocalizedDescriptionKey: "Suggest label's height is to be at least over 44.0.", kGTXErrorFailingElementKey: element ]) return false } else { return true } }
  5. 18.

    独⾃定義したUI Component public class CustomizedButton: UIButton { public override init(frame:

    CGRect) { super.init(frame: frame) self.isAccessibilityElement = true } // .. }
  6. 19.

    独⾃定義したUI Component public class CustomizedButton: UIButton { public override init(frame:

    CGRect) { super.init(frame: frame) self.isAccessibilityElement = true } // .. }
  7. 20.

    独⾃定義したUI Componentをテスト class CustomizedButtonTests: XCTestCase { func testA11y() { let

    button = CustomizedButton() button.sizeToFit() button.accessibilityFrame = button.frame let toolKit = GTXToolKit() GTXChecksCollection.allGTXChecks()?.forEach({ toolKit.registerCheck($0) }) var error: NSError? = nil let result = toolKit.checkElement(button, error: &error) // ..handling result or error } }
  8. 21.

    独⾃定義したUI Componentをテスト class CustomizedButtonTests: XCTestCase { func testA11y() { let

    button = CustomizedButton() button.sizeToFit() button.accessibilityFrame = button.frame let toolKit = GTXToolKit() GTXChecksCollection.allGTXChecks()?.forEach({ toolKit.registerCheck($0) }) var error: NSError? = nil let result = toolKit.checkElement(button, error: &error) // ..handling result or error } }
  9. 22.

    独⾃定義したUI Componentをテスト class CustomizedButtonTests: XCTestCase { func testA11y() { let

    button = CustomizedButton() button.sizeToFit() button.accessibilityFrame = button.frame let toolKit = GTXToolKit() GTXChecksCollection.allGTXChecks()?.forEach({ toolKit.registerCheck($0) }) var error: NSError? = nil let result = toolKit.checkElement(button, error: &error) // ..handling result or error } }
  10. 23.

    独⾃定義したUI Componentをテスト class CustomizedButtonTests: XCTestCase { func testA11y() { let

    button = CustomizedButton() button.sizeToFit() button.accessibilityFrame = button.frame let toolKit = GTXToolKit() GTXChecksCollection.allGTXChecks()?.forEach({ toolKit.registerCheck($0) }) var error: NSError? = nil let result = toolKit.checkElement(button, error: &error) // ..handling result or error } }
  11. 24.

    UI Component Accessibility Test - `GTXiLib.check()`のように実際のプロダクトベースのテス トではないので完璧ではない ‧背景⾊が透明なUI Componentsで背景⾊によってコントラ ストが変わったり

    等 - ボタンサイズが適切か?UIButtonのtitleと背景⾊のコント ラストは適切か?など、簡易的なチェックには有効 - SwiftUIには未対応だが、GTXCheckingを作れば対応可能
  12. 26.

    END