new rendering engine

This commit is contained in:
2026-06-19 02:55:33 +02:00
parent 0a90d6a5d7
commit 81a4167382
53 changed files with 1668 additions and 378 deletions

View File

@@ -1,5 +1,5 @@
use client_domain::{BoundingBox, LayoutEngine, RenderTree};
use domain::{ContainerNode, Direction, LayoutChild, LayoutNode, Sizing};
use domain::{AlignItems, ContainerNode, Direction, JustifyContent, LayoutChild, LayoutNode, Sizing};
fn screen() -> BoundingBox {
BoundingBox::screen(240, 320)
@@ -24,6 +24,8 @@ fn row(children: Vec<LayoutChild>) -> LayoutNode {
direction: Direction::Row,
gap: 0,
padding: 0,
justify_content: JustifyContent::Start,
align_items: AlignItems::Stretch,
children,
})
}
@@ -33,6 +35,8 @@ fn column(children: Vec<LayoutChild>) -> LayoutNode {
direction: Direction::Column,
gap: 0,
padding: 0,
justify_content: JustifyContent::Start,
align_items: AlignItems::Stretch,
children,
})
}
@@ -42,6 +46,8 @@ fn row_with_gap(gap: u8, children: Vec<LayoutChild>) -> LayoutNode {
direction: Direction::Row,
gap,
padding: 0,
justify_content: JustifyContent::Start,
align_items: AlignItems::Stretch,
children,
})
}
@@ -51,6 +57,8 @@ fn row_with_padding(padding: u8, children: Vec<LayoutChild>) -> LayoutNode {
direction: Direction::Row,
gap: 0,
padding,
justify_content: JustifyContent::Start,
align_items: AlignItems::Stretch,
children,
})
}
@@ -174,6 +182,8 @@ fn weighted_flex_distributes_proportionally() {
direction: Direction::Row,
gap: 0,
padding: 0,
justify_content: JustifyContent::Start,
align_items: AlignItems::Stretch,
children: vec![
LayoutChild {
sizing: Sizing::Flex(1),
@@ -204,3 +214,106 @@ fn weighted_flex_distributes_proportionally() {
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)));
}