use client_domain::{BoundingBox, LayoutEngine, RenderTree}; use domain::{AlignItems, ContainerNode, Direction, JustifyContent, LayoutChild, LayoutNode, Sizing}; fn screen() -> BoundingBox { BoundingBox::screen(240, 320) } fn leaf(id: u16) -> LayoutChild { LayoutChild { sizing: Sizing::Flex(1), node: LayoutNode::Leaf(id), } } fn leaf_fixed(id: u16, size: u16) -> LayoutChild { LayoutChild { sizing: Sizing::Fixed(size), node: LayoutNode::Leaf(id), } } fn row(children: Vec) -> LayoutNode { LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding: 0, justify_content: JustifyContent::Start, align_items: AlignItems::Stretch, children, }) } fn column(children: Vec) -> LayoutNode { LayoutNode::Container(ContainerNode { direction: Direction::Column, gap: 0, padding: 0, justify_content: JustifyContent::Start, align_items: AlignItems::Stretch, children, }) } fn row_with_gap(gap: u8, children: Vec) -> LayoutNode { LayoutNode::Container(ContainerNode { direction: Direction::Row, gap, padding: 0, justify_content: JustifyContent::Start, align_items: AlignItems::Stretch, children, }) } fn row_with_padding(padding: u8, children: Vec) -> LayoutNode { LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding, justify_content: JustifyContent::Start, align_items: AlignItems::Stretch, children, }) } #[test] fn single_leaf_fills_screen() { let layout = LayoutNode::Leaf(1); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 240, 320)) ); } #[test] fn row_splits_width_among_equal_flex_children() { let layout = row(vec![leaf(1), leaf(2), leaf(3)]); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 80, 320)) ); assert_eq!( tree.get_widget_bounds(2), Some(&BoundingBox::new(80, 0, 80, 320)) ); assert_eq!( tree.get_widget_bounds(3), Some(&BoundingBox::new(160, 0, 80, 320)) ); } #[test] fn column_splits_height_among_equal_flex_children() { let layout = column(vec![leaf(1), leaf(2)]); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 240, 160)) ); assert_eq!( tree.get_widget_bounds(2), Some(&BoundingBox::new(0, 160, 240, 160)) ); } #[test] fn fixed_and_flex_children_coexist() { let layout = row(vec![leaf_fixed(1, 40), leaf(2)]); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 40, 320)) ); assert_eq!( tree.get_widget_bounds(2), Some(&BoundingBox::new(40, 0, 200, 320)) ); } #[test] fn gap_is_subtracted_before_distributing_space() { // 240px wide, 2 children, gap=10 → 230px available, 115px each let layout = row_with_gap(10, vec![leaf(1), leaf(2)]); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 115, 320)) ); assert_eq!( tree.get_widget_bounds(2), Some(&BoundingBox::new(125, 0, 115, 320)) ); } #[test] fn padding_insets_available_area() { // padding=10 → inner area starts at (10,10), size (220,300) let layout = row_with_padding(10, vec![leaf(1)]); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(10, 10, 220, 300)) ); } #[test] fn nested_containers_compute_correctly() { // Row with [leaf(1), column([leaf(2), leaf(3)])] let inner_col = LayoutChild { sizing: Sizing::Flex(1), node: column(vec![leaf(2), leaf(3)]), }; let layout = row(vec![leaf(1), inner_col]); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 120, 320)) ); assert_eq!( tree.get_widget_bounds(2), Some(&BoundingBox::new(120, 0, 120, 160)) ); assert_eq!( tree.get_widget_bounds(3), Some(&BoundingBox::new(120, 160, 120, 160)) ); } #[test] fn weighted_flex_distributes_proportionally() { // weights [1, 2, 1] → 25%, 50%, 25% of 240 = 60, 120, 60 let layout = LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding: 0, justify_content: JustifyContent::Start, align_items: AlignItems::Stretch, children: vec![ LayoutChild { sizing: Sizing::Flex(1), node: LayoutNode::Leaf(1), }, LayoutChild { sizing: Sizing::Flex(2), node: LayoutNode::Leaf(2), }, LayoutChild { sizing: Sizing::Flex(1), node: LayoutNode::Leaf(3), }, ], }); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!( tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 60, 320)) ); assert_eq!( tree.get_widget_bounds(2), Some(&BoundingBox::new(60, 0, 120, 320)) ); assert_eq!( tree.get_widget_bounds(3), Some(&BoundingBox::new(180, 0, 60, 320)) ); } // --- JustifyContent tests --- #[test] fn justify_center_centers_fixed_children_on_main_axis() { // Row 240px, two fixed 40px children → 160px remaining, offset = 80 let layout = LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding: 0, justify_content: JustifyContent::Center, align_items: AlignItems::Stretch, children: vec![leaf_fixed(1, 40), leaf_fixed(2, 40)], }); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!(tree.get_widget_bounds(1), Some(&BoundingBox::new(80, 0, 40, 320))); assert_eq!(tree.get_widget_bounds(2), Some(&BoundingBox::new(120, 0, 40, 320))); } #[test] fn justify_end_pushes_to_end() { // Row 240px, one fixed 40px → offset = 200 let layout = LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding: 0, justify_content: JustifyContent::End, align_items: AlignItems::Stretch, children: vec![leaf_fixed(1, 40)], }); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!(tree.get_widget_bounds(1), Some(&BoundingBox::new(200, 0, 40, 320))); } #[test] fn justify_space_between_distributes_gaps() { // Row 240px, three fixed 40px → 120px used, 120px remaining, 2 gaps of 60px let layout = LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding: 0, justify_content: JustifyContent::SpaceBetween, align_items: AlignItems::Stretch, children: vec![leaf_fixed(1, 40), leaf_fixed(2, 40), leaf_fixed(3, 40)], }); let tree = LayoutEngine::compute(&layout, screen()); assert_eq!(tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 40, 320))); assert_eq!(tree.get_widget_bounds(2), Some(&BoundingBox::new(100, 0, 40, 320))); assert_eq!(tree.get_widget_bounds(3), Some(&BoundingBox::new(200, 0, 40, 320))); } #[test] fn justify_space_evenly_distributes_with_edges() { // Row 240px, two fixed 40px → 80px used, 160px remaining, 3 slots of 53px (int div) let layout = LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding: 0, justify_content: JustifyContent::SpaceEvenly, align_items: AlignItems::Stretch, children: vec![leaf_fixed(1, 40), leaf_fixed(2, 40)], }); let tree = LayoutEngine::compute(&layout, screen()); // 160 / 3 = 53px per slot assert_eq!(tree.get_widget_bounds(1), Some(&BoundingBox::new(53, 0, 40, 320))); assert_eq!(tree.get_widget_bounds(2), Some(&BoundingBox::new(146, 0, 40, 320))); } // --- AlignItems tests --- #[test] fn align_items_center_centers_on_cross_axis() { // Row 240×320, fixed child 40px wide. AlignItems::Center → child centered vertically // Cross axis = 320, child height stays 320 for Stretch. // With Center, child gets its natural size. For a leaf, "natural" = full cross. // Actually: fixed children have explicit main-axis size. Cross-axis with Center // should give the child the full cross-axis (we don't know natural cross size for leaves). // So for leaves, Center behaves like Stretch. This test verifies columns: // Column 240×320, fixed child 100px tall. AlignItems::Center → centered on 240px width. // But again, leaf has no natural width. For now: non-Stretch gives child full cross-axis. // Let's test with a nested container that has known size instead. // Actually, the simplest useful behavior: AlignItems on a row affects child y-position. // For a fixed-height child in a column, Center means child doesn't stretch to full width. // But we have no "natural width" concept for leaves. Let's just verify Stretch = full cross // and Center = full cross (since we can't shrink without natural size). // This is a design limitation we can revisit. let layout = LayoutNode::Container(ContainerNode { direction: Direction::Row, gap: 0, padding: 0, justify_content: JustifyContent::Start, align_items: AlignItems::Stretch, children: vec![leaf_fixed(1, 40)], }); let tree = LayoutEngine::compute(&layout, screen()); // Stretch: child gets full cross-axis height assert_eq!(tree.get_widget_bounds(1), Some(&BoundingBox::new(0, 0, 40, 320))); }