如何在 Swift 包中为 UIViewRepresentable 编写测试

Question

我正在尝试为我的项目创建一个 swift 包，其中包含一些共享的 UI 元素，并且我想为其编写一些测试

这是其中一处景色

//
//  TextField.swift
//  Test
//
//  Created by Development on 05/03/2021.
//

#if !os(macOS)
import Combine
import SwiftUI
import UIKit

public struct TextFieldRepresentable: UIViewRepresentable {
    @Binding var text: String
    @Environment(\.isSecureField) var isSecureField: Bool
    @Environment(\.isFirstResponder) var isFirstResponder: Binding<Bool>?
    @Environment(\.placeholder) var placeholder: String?
    @Environment(\.keyboardType) var keyboardType: UIKeyboardType
    @Environment(\.returnKeyType) var returnKeyType: UIReturnKeyType
    @Environment(\.textContentType) var contentType: UITextContentType?
    @Environment(\.autoCapitalisation) var autoCapitalisation: Bool
    @Environment(\.autoCorrection) var autoCorrection: Bool
    @Environment(\.font) var font: Font?

    let onCommit: (() -> Bool)?
    
    public init( text: Binding<String>,  onCommit: (() -> Bool)? = nil ) {
        _text = text
        self.onCommit = onCommit
    }
    
    public func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.delegate = context.coordinator
        syncValues(context: context, textField: textField)
        return textField
    }

    public func updateUIView(_ uiView: UITextField, context: Context) {
        syncValues(context: context, textField: uiView)
        DispatchQueue.main.async {
            if let isFirstResponderValue = isFirstResponder?.wrappedValue {
                switch isFirstResponderValue {
                case true:
                    uiView.becomeFirstResponder()
                case false:
                    uiView.resignFirstResponder()
                }
            }
        }
    }

    private func syncValues(context _: Context, textField: UITextField) {
        textField.text = text
        textField.isSecureTextEntry = isSecureField
        textField.textContentType = contentType
        textField.keyboardType = keyboardType
        textField.placeholder = placeholder
        textField.font = UIFont.preferredFont(from: font)
        textField.autocapitalizationType = autoCapitalisation ? .sentences : .none
        textField.returnKeyType = returnKeyType
        textField.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
        textField.autocorrectionType = autoCorrection ? .yes : .no
    }

    public func makeCoordinator() -> Coordinator {
        return Coordinator(parent: self)
    }

    public class Coordinator: NSObject, UITextFieldDelegate {
        private let parent: TextFieldRepresentable

        init(parent: TextFieldRepresentable) {
            self.parent = parent
        }

        public func textFieldShouldReturn(_: UITextField) -> Bool {
            return parent.onCommit?() ?? true
        }

        public func textFieldDidChangeSelection(_ textField: UITextField) {
            parent.$text.wrappedValue = textField.text ?? ""
        }

        public func textFieldDidBeginEditing(_: UITextField) {
            parent.isFirstResponder?.wrappedValue = true
        }
    }
}
#endif

我想测试当我应用修改器时底层 UIView 是否响应更改。有没有办法在 SPM 单元测试中加载此视图并获取底层 UITextField 以便我可以看到修改器起作用了？

我尝试使用 Introspect 和 ViewInpsector 但没有运气。

我还注意到，在 SPM 中，即使我构造视图， makeUIView(context: Context) -> UITextField 和 updateUIView(_ uiView: UITextField, context: Context) 函数也永远不会被调用。我在 iOS 项目单元测试中尝试了同样的事情，并且函数被正确调用。检查下面的代码

import Foundation
import XCTest
import SwiftUI

@testable import UI

final class TextFieldRepresentableTests: XCTestCase {
    

    
    var view:TextFieldRepresentable!
    var controller:UIHostingController<TextFieldRepresentable>!
    override func setUp() {
        view = TextFieldRepresentable(text: .constant("Test"))
        controller = UIHostingController(rootView: view)
        controller.loadViewIfNeeded()
        let window = UIWindow(frame: UIScreen.main.bounds)
        window.rootViewController = controller
        window.makeKeyAndVisible()
    }
    
    func test_isSecureField_IsTrue_ShouldTextFieldBeSecure() {
        view.makeUIView(context: UIViewRepresentableContext<TextFieldRepresentable>())
        
    }
}

Answer 1

测试由

UIViewRepresentable

创建的子视图需要实例化一个在模拟器实例（或设备）上下文中运行的

UIWindow

。

要发生上述情况，您需要有一个用作单元测试主机的 iOS 应用程序。不幸的是，目前 SPM 不提供创建 iOS 应用程序的选项（不确定添加此选项是否可行）。

解决方法是：

1. 创建一个虚拟的 iOS 应用程序
2. 为该 iOS 应用程序创建一个测试目标
3. 将包链接到测试目标，这假设您在包中构建库目标而不是测试目标

您可以将包添加为本地包，并将项目包含在源代码管理（例如 git）中。这样签出包的人也可以运行测试。

但是，您可能需要在此处重新考虑您的设计测试策略。例如，您可以将所有

UITextField

逻辑提取到不具有任何 SwiftUI 依赖项的适配器类中，然后测试该类。这将带来更好更快的测试。