Another delivery of tests for your reading pleasure.

Author: twostraws

Tests/IgniteTesting/Elements/Group.swift

@@ -54,4 +54,24 @@ class GroupTests: IgniteTestSuite {
         onclick="alert('Bottom Button Tapped')">Bottom Button</button>
         """)
     }
+
+    @Test("Class modifier propagates to all children")
+    func classPropagatesToChildren() async throws {
+        let element = Group {
+            Text("First")
+            Text("Second")
+        }.class("highlight")
+        let output = element.markupString()
+
+        #expect(output.contains("<p class=\"highlight\">First</p>"))
+        #expect(output.contains("<p class=\"highlight\">Second</p>"))
+    }
+
+    @Test("Empty Group produces empty output")
+    func emptyGroup() async throws {
+        let element = Group {}
+        let output = element.markupString()
+
+        #expect(output == "")
+    }
 }

Tests/IgniteTesting/Elements/Time.swift

@@ -44,4 +44,36 @@ import Testing
 
         #expect(output == "<time datetime=\"2024-05-22T20:00:30Z\">\(timeText)</time>")
     }
+
+    @Test("Time with dateTime but no visible content")
+    func dateTimeOnly() async throws {
+        guard
+            let customTimeInterval = DateComponents(
+                calendar: .current,
+                timeZone: .gmt,
+                year: 2024,
+                month: 5,
+                day: 22,
+                hour: 20,
+                minute: 0,
+                second: 30
+            ).date?.timeIntervalSince1970
+        else {
+            Issue.record("Failed to create test data!")
+            return
+        }
+        let dateTime = Date(timeIntervalSince1970: customTimeInterval)
+        let element = Time(dateTime: dateTime)
+        let output = element.markupString()
+
+        #expect(output == "<time datetime=\"2024-05-22T20:00:30Z\"></time>")
+    }
+
+    @Test("Time with no content and no date renders empty time element")
+    func noContentNoDate() async throws {
+        let element = Time()
+        let output = element.markupString()
+
+        #expect(output == "<time></time>")
+    }
 }

Tests/IgniteTesting/Modifiers/AnimationModifier.swift

@@ -49,4 +49,23 @@ class AnimationModifierTests: IgniteTestSuite {
             Issue.record("Failed to create regular expression: \(error)")
         }
     }
+
+    @Test("Click trigger produces onclick handler")
+    func clickTrigger() async throws {
+        let element = Text("Click me").animation(Animation.bounce, on: .click)
+        let output = element.markupString()
+
+        #expect(output.contains("igniteToggleClickAnimation(this)"))
+        #expect(output.contains("onclick"))
+    }
+
+    @Test("Appear trigger produces animation class without hover suffix")
+    func appearTrigger() async throws {
+        let element = Text("Appear").animation(Animation.bounce, on: .appear)
+        let output = element.markupString()
+
+        #expect(output.contains("animation-"))
+        #expect(!output.contains("-hover"))
+        #expect(!output.contains("onclick"))
+    }
 }

Tests/IgniteTesting/Modifiers/BackgroundImage.swift

@@ -53,4 +53,29 @@ struct BackgroundImageTests {
         </p>
         """)
     }
+
+    @Test("Background image with repeats true produces background-repeat repeat")
+    func repeatsTrue() async throws {
+        let element = Text {
+            "Hello World!"
+        }.background(image: "assets/pattern.png", contentMode: .original, repeats: true)
+        let output = element.markupString()
+
+        #expect(output.contains("background-repeat: repeat"))
+        #expect(!output.contains("no-repeat"))
+    }
+
+    @Test("Background position with percent values and non-center alignment")
+    func percentRelativePosition() async throws {
+        let position = BackgroundPosition.position(
+            vertical: .percent(10), relativeTo: .top,
+            horizontal: .percent(20), relativeTo: .leading
+        )
+        let element = Text {
+            "Hello World!"
+        }.background(image: "assets/image.png", contentMode: .fill, position: position)
+        let output = element.markupString()
+
+        #expect(output.contains("background-position: calc(0% + 20%) calc(0% + 10%)"))
+    }
 }

Tests/IgniteTesting/Modifiers/BadgeModifier.swift

@@ -42,4 +42,5 @@ class BadgeModifierTests: IgniteTestSuite {
         </li>
         """)
     }
+
 }

Tests/IgniteTesting/Modifiers/Border.swift

@@ -30,4 +30,29 @@ class BorderModifierTests: IgniteTestSuite {
         #expect(!output.contains("border-left"))
         #expect(!output.contains("border-right"))
     }
+
+    @Test("Border with default width and style uses 1px solid")
+    func borderDefaultParams() async throws {
+        let element = Text("Hello").border(.red)
+        let output = element.markupString()
+        #expect(output.contains("border: 1.0px solid rgb(255 0 0 / 100%)"))
+    }
+
+    @Test("Border with single leading edge produces only border-left")
+    func borderLeadingEdge() async throws {
+        let element = Text("Hello").border(.red, width: 2.0, style: .dashed, edges: .leading)
+        let output = element.markupString()
+        #expect(output.contains("border-left: 2.0px dashed rgb(255 0 0 / 100%)"))
+        #expect(!output.contains("border-right"))
+        #expect(!output.contains("border-top"))
+        #expect(!output.contains("border-bottom"))
+    }
+
+    @Test("Border on InlineElement applies border style")
+    func borderOnInlineElement() async throws {
+        let element = Span("Hello").border(.green)
+        let output = element.markupString()
+        #expect(output.contains("border: 1.0px solid"))
+        #expect(output.contains("<span"))
+    }
 }