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

SwiftUI component UITest シリーズ Button 編

Sponsor Link

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

対象要素の取得

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

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

Button を取得


  let app = XCUIApplication()
  app.launch()

  let button = app.buttons["MyButton"]

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()

// 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()
    }
}

// ContentView.swift

// Created by : Tomoaki Yagishita on 2020/11/08

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!")
    }

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!")

}

コード解説

TestButton という Accessibility ID の設定された Button を取得
ラベルが、”Hello” であることをテスト
ボタンをタップ/クリック
ラベルが、”World!” であることをテスト

まとめ：SwiftUI の Button をテストする方法

SwiftUI の Button をテストする方法

XCUIApplication から、accessibility ID 指定で Button を取得する
tap() 等の動作は、他の要素と同様
表示しているラベルは、label から名称を取得できる

説明は以上です。
不明な点やおかしな点ありましたら、ご連絡いただけるとありがたいです。

Sponsor Link

対象要素の取得

状態のチェック

操作

テストコード

アプリとテストコード例

まとめ：SwiftUI の Button をテストする方法

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル