Snapshots of SwiftUI list weird rendering

[fespinoza]

Hi,

I haven't found a topic for this before.

Does any of you know why the snapshots of SwiftUI list look like this? can this be prevented?

based on a test like

func testOutlineView() throws {
        let rootView = NavigationView {
            OutlineGroupExperimentsView()
        }

        let bundleURL = try XCTUnwrap(Bundle(for: type(of: self)).resourceURL)
        assertSnapshot(view: rootView, testBundleResourceURL: bundleURL)
    }

the assertSnapshot method comes from https://gist.github.com/jaanus/7e14b31f7f445435aadac09d24397da8 for running in Xcode Cloud.

the UI implementation can be found in https://github.com/fespinoza/Prototype-House/blob/main/Prototype%20House/Prototypes/OutlineGroup%20Experiments/OutlineGroupExperimentsView.swift

Snapshot taken with the latest version of the library on Xcode 15 / iOS 17 / iPhone 15 Pro.

---

Also, when it comes to list, when taking the snapshots of list on an iPhone device, but with the .image(on: .iPad_11inch) settings, sometimes™️, I see the snapshots not cover the full width of the screen, like:

[DavidBrunow]

To get more accurate rendering you need to run your snapshot tests in a host application and set drawHierarchyInKeyWindow to true.