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

⌛️ 2 min.

SwiftUI component UITest シリーズ Button 編

Sponsor Link

対象要素の取得

SwiftUI の Button は、accessibility ID を使って取得できます。

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

Button を取得


  let app = XCUIApplication()
  app.launch()

  let button = app.buttons["MyButton"]

状態のチェック

Button に使用されているテキストは、label から取得できます。

操作

Button に対して、tap() 等を指定することもできます。

テストコード

以下では、TestButton という accessibility ID を付与した Button に対して、tap した後に、表示されているラベルをテストしています。

Image テスト例


      // UI tests must launch the application that they test.
      let app = XCUIApplication()
      app.launch()

      // (1)
      let button = app.buttons["AccessibilityID"]
      // (2)
      XCTAssertEqual(button.label, "Text")
      // (3)
      button.tap()

コード解説

AccessibilityID という ID を設定された Button を取得
Button のラベルをテスト
Button をタップ

アプリとテストコード例

画面に、Button が表示され、その Button をタップすると Button のラベルが切り替わるアプリと、そのアプリ用のテストコードです。

「Button アプリ」

Button アプリ


//
//  ContentView.swift
//
//  Created by : Tomoaki Yagishita on 2020/11/08
//  © 2020  SmallDeskSoftware
//

import SwiftUI

struct ContentView: View {
    @State private var buttonTitle = "Hello"
    var body: some View {
        Button(action: {
            buttonTitle = "World!"
        }, label: {
            Text(buttonTitle)
                .font(.largeTitle)
        })
        .accessibility(identifier: "TestButton")
            .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Button アプリテストコード


    func testButton() throws {
        // UI tests must launch the application that they test.
        let app = XCUIApplication()
        app.launch()
        // (1)
        let button = app.buttons["TestButton"]
        // (2)
        XCTAssertEqual(button.label, "Hello")
        // (3)
        button.tap()
        // (4)
        XCTAssertEqual(button.label, "World!")
    }

コード解説