#[cfg(any(feature = "std", test))]
use crate::ecs::Entity;
use crate::prelude::*;
use crate::ui::widgets::{ParagraphStyle, Text, TextAlign};
pub const DEFAULT_VIEW: (u16, u16) = (480, 320);
ui!(compose Card {
Column (
direction: FlexDirection::Column,
grow: 1.0,
border_radius: 12,
clip_children: true
) {
View (
bg_color: ColorToken::Primary,
padding: Padding::all(8),
height: 32
) {
@@header {
Text (
"(untitled)",
grow: 1.0,
text_color: ColorToken::OnPrimary,
paragraph: ParagraphStyle::label().with_align(TextAlign::Start)
)
}
}
View (
bg_color: ColorToken::SurfaceVariant,
padding: Padding::all(12),
direction: FlexDirection::Column,
grow: 1.0
) {
@@body {
Text (
"no body yet",
text_color: ColorToken::OnSurfaceVariant
)
}
}
View (
bg_color: ColorToken::Surface,
padding: Padding::all(8),
direction: FlexDirection::Row,
height: 32
) {
@@footer
}
}
});
#[compose]
pub fn build_widgets() {
ui! {
Column (
grow: 1.0,
padding: Padding::all(12),
direction: FlexDirection::Column,
align: AlignItems::Center,
justify: JustifyContent::Center,
row_gap: 8
) {
Text (
"NAMED SLOTS",
width: Dimension::percent(100),
max_width: 420,
height: 24,
font_size: 18,
text_color: ColorToken::OnSurface
)
Card (width: Dimension::percent(100), max_width: 420, height: 140) {
@header {
Text (
"ALERT",
grow: 1.0,
text_color: ColorToken::OnPrimary,
paragraph: ParagraphStyle::label().with_align(TextAlign::Start)
)
}
@body {
Column (direction: FlexDirection::Column, grow: 1.0) {
Text (
"@header @body @footer",
text_color: ColorToken::OnSurface
)
Text (
"each pick their own slot.",
text_color: ColorToken::OnSurface
)
}
}
@footer {
Text (
"FOOTER SLOT",
font_size: 11,
text_color: ColorToken::OnSurfaceVariant
)
}
}
Card (width: Dimension::percent(100), max_width: 420, height: 92) {
@body {
Column (direction: FlexDirection::Column, grow: 1.0) {
Text (
"body only. header uses",
text_color: ColorToken::OnSurface
)
Text (
"its @@ fallback content.",
text_color: ColorToken::OnSurface
)
}
}
}
}
};
}
#[cfg(feature = "std")]
pub fn setup_app<B, F>(app: &mut App<B, F>, parent: Entity)
where
B: Surface,
F: RendererFactory<B>,
{
app.with_widget(ui!(compose Card));
app.compose(parent, build_widgets);
}
#[cfg(test)]
mod tests {
use super::*;
use crate::surface::FramebufferAccess;
use crate::ui::UiScope;
use crate::ui::{IdMap, NicheMap, Parent, ViewRegistry};
#[test]
fn dirty_text_inside_slots_matches_full_render() {
let mut app = App::headless(480, 320);
app.with_default_widgets().with_default_systems();
let root = app.spawn_root().id();
setup_app(&mut app, root);
app.render().unwrap();
crate::ui::render_system::collect_dirty_regions(
&mut app.world,
root,
&crate::types::Viewport::new(480, 320, Fixed::ONE),
);
let texts: Vec<_> = app
.world
.query::<Text>()
.iter()
.map(|(entity, _)| entity)
.collect();
for entity in texts {
app.world.invalidate(entity);
app.render_dirty().unwrap();
let partial = app.backend.framebuffer().buf.as_slice().to_vec();
app.render().unwrap();
let full = app.backend.framebuffer().buf.as_slice().to_vec();
let mismatches = partial.iter().zip(&full).filter(|(a, b)| a != b).count();
assert_eq!(
mismatches, 0,
"dirty text {entity:?} differs from full render"
);
}
}
#[test]
fn build_widgets_smoke() {
let mut world = World::new();
world.insert_resource(IdMap::new());
let mut reg = ViewRegistry::default();
reg.insert(ui!(compose Card));
world.insert_resource(reg);
let parent = WidgetBuilder::new(&mut world).id();
let mut cx = UiScope::new(&mut world, parent);
build_widgets(&mut cx);
drop(cx);
let cards: Vec<Entity> = world.query::<Card>().collect();
assert_eq!(cards.len(), 2, "expected two Card widgets");
let first = cards[0];
let map = world
.get::<NicheMap>(first)
.expect("card_attach registers NicheMap");
let body = map.get("body").expect("body niche registered");
let texts: Vec<Entity> = world.query::<crate::ui::widgets::Text>().collect();
let body_populated = texts.into_iter().any(|t| {
let mut cur = Some(t);
while let Some(e) = cur {
if e == body {
return true;
}
cur = world.get::<Parent>(e).map(|p| p.0);
}
false
});
assert!(
body_populated,
"@body slot subtree should contain at least one Text",
);
}
}