Merge pull request #50 from markstamer/main

Add NavigationBar width modifier

Sources/Ignite/Elements/NavigationBar.swift

@@ -90,6 +90,15 @@ public struct NavigationBar: BlockElement {
         return copy
     }
 
+    /// Adjusts the number of columns assigned to the items in the navigation bar. It does not have an effect on the navigation bar itself.
+    /// - Parameter width: The new number of columns to use.
+    /// - Returns: A new `NavigationBar` instance with the adjusted column width.
+    public func width(_ width: Int) -> Self {
+        var copy = self
+        copy.columnWidth = .count(width)
+        return copy
+    }
+
     /// Adjusts the item alignment for this navigation bar.
     /// - Parameter alignment: The new alignment.
     /// - Returns: A new `NavigationBar` instance with the updated item alignment.
@@ -153,7 +162,7 @@ public struct NavigationBar: BlockElement {
                     .class("collapse", "navbar-collapse")
                     .id("navbarCollapse")
                 }
-                .class("container-fluid")
+                .class("container-fluid", columnWidth.className)
             }
             .attributes(attributes)
             .class("navbar", "navbar-expand-md")

Tests/IgniteTests/Elements/NavigationBar.swift

@@ -0,0 +1,27 @@
+//
+// NavigationBar.swift
+// Ignite
+// https://www.github.com/twostraws/Ignite
+// See LICENSE for license information.
+//
+
+import XCTest
+@testable import Ignite
+
+/// Tests for the `NavigationBar` element.
+final class NavigationBarTests: ElementTest {
+
+    func test_defaultColumnWidth() {
+        let element = NavigationBar()
+        let output = element.render(context: publishingContext)
+
+        XCTAssertTrue(output.contains("container-fluid col"))
+    }
+
+    func test_columnWidthValueSet() {
+        let element = NavigationBar().width(10)
+        let output = element.render(context: publishingContext)
+
+        XCTAssertTrue(output.contains("container-fluid col-md-10"))
+    }
+}