[SwiftUI] [UnitTest] テストの作り方 ( Toggle 編)

SwiftUI component UITest シリーズ Toggle 編

Sponsor Link

Toggle
対象要素の取得
状態をチェック
操作
テストコード例
アプリと、テストコード例
まとめ：SwiftUI の Toggle をテストする

Toggle

対象要素の取得

Accessibility ID を付与することで、他の要素と同じように取得できます。

XCUIElementTypeQueryProvider からの取得には、switches を使用します。

Toggle を取得


  let app = XCUIApplication()
  app.launch()

  let toggle = app.switches["MyToggle"]

状態をチェック

状態は、value プロパティに保持しています。

ただし、String です。

ON 状態では、"1" を、OFF 状態では、"0" を持ちます。

操作

.tap() を行うことで、トグル動作を行います。

テストコード例

以下は、デフォルトが OFF のToggle を、タップ後に ON になっているかを確認するコードです。

Toggle テスト例


  let app = XCUIApplication()
  app.launch()
  
  let toggle = app.switches["MyToggle"]
  XCTAssertTrue(toggle.exists)
  // (1)
  XCTAssertEqual(toggle.value as! String, "0")

  // (2)
  toggle.tap()
  // (3)
  XCTAssertEqual(toggle.value as! String, "1")

コード解説

デフォルトで Off 設定になっていることをテスト
Toggle に対して、タップしています
タップ後に、On になっていることをテスト

アプリと、テストコード例

画面には、Toggle と Text が表示されていて、Toggle の状態に応じて Text のラベルを Onと Off に切り替えるアプリです。

「Toggle テストアプリ」

Toggle テストアプリ


//
//  ContentView.swift
//
//  Created by : Tomoaki Yagishita on 2020/10/28
//  © 2020  SmallDeskSoftware
//

import SwiftUI

struct ContentView: View {
  @State private var isOn:Bool = false
  var body: some View {
    VStack {
      Toggle("toggle", isOn: $isOn)
        .accessibility(identifier: "MyToggle")
        .padding()
      Text(isOn ? "On" : "Off")
        .accessibility(identifier: "MyToggleText")
        .padding()
    }
  }
}

Toggle アプリテストコード


  func testToggle() throws {
    let app = XCUIApplication()
    app.launch()
    
    let toggle = app.switches["MyToggle"]
    XCTAssertTrue(toggle.exists)
    XCTAssertEqual(toggle.value as! String, "0")

    let text = app.staticTexts["MyToggleText"]
    XCTAssertTrue(text.exists)
    XCTAssertEqual(text.label, "Off")
    
    toggle.tap()
    XCTAssertEqual(toggle.value as! String, "1")
    XCTAssertEqual(text.label, "On")
  }