Fix image rendering and add vector glyph support (#816)

Author: Kyle-Ye

Example/OpenSwiftUIUITests/View/Image/NamedImageUITests.swift

@@ -7,7 +7,10 @@ import Testing
 @testable import TestingHost
 
 @MainActor
-@Suite(.snapshots(record: .never, diffTool: diffTool))
+@Suite(
+    .snapshots(record: .never, diffTool: diffTool),
+    .disabled("#817")
+)
 struct NamedImageUITests {
     @Test("Test named image of logo with resizable")
     func decorativeLogo() {
@@ -45,4 +48,60 @@ struct NamedImageUITests {
         }
         openSwiftUIAssertSnapshot(of: ContentView())
     }
+
+    @Test("Test different symbol varient")
+    func symbolVarient() {
+        struct ContentView: View {
+            let name = "document"
+            var body: some View {
+                VStack {
+                    Image(systemName: name)
+                    Image(systemName: name)
+                        .symbolVariant(.circle)
+                    Image(systemName: name)
+                        .symbolVariant(.fill)
+                }
+            }
+        }
+        openSwiftUIAssertSnapshot(of: ContentView())
+    }
+
+    @Test("Test symbol image with variable value")
+    func symbolImageWithVariableValue() {
+        struct ContentView: View {
+            let name: String = "speaker.wave.3"
+            var body: some View {
+                VStack {
+                    Image(systemName: name, variableValue: 0)
+                    Image(systemName: name, variableValue: 0.33)
+                    Image(systemName: name, variableValue: 0.67)
+                    Image(systemName: name, variableValue: 1)
+                }
+            }
+        }
+        openSwiftUIAssertSnapshot(of: ContentView())
+    }
+
+    @Test(
+        "Test symbol image with different rendering mode",
+        .disabled("renderVectorGlyph is not supported yet")
+    )
+    func symbolImageRenderingMode() {
+        struct ContentView: View {
+            let name: String = "gear"
+            var body: some View {
+                VStack(spacing: .zero) {
+                    Image(systemName: name)
+                        .foregroundStyle(.red)
+                    Image(systemName: name)
+                        .symbolRenderingMode(.multicolor)
+                        .foregroundStyle(.red, .blue)
+                    Image(systemName: name)
+                        .symbolRenderingMode(.palette)
+                        .foregroundStyle(.red, .blue)
+                }.symbolVariant(.circle)
+            }
+        }
+        openSwiftUIAssertSnapshot(of: ContentView())
+    }
 }

Example/Shared/ContentView.swift

@@ -1,9 +1,6 @@
 //
 //  ContentView.swift
 //  Shared
-//
-//  Created by Kyle on 2023/11/9.
-//
 
 #if OPENSWIFTUI
 import OpenSwiftUI
@@ -13,6 +10,6 @@ import SwiftUI
 
 struct ContentView: View {
     var body: some View {
-        NamedImageExample()
+        SunsetSceneExample()
     }
 }