fission-test 0.4.0

Headless and runtime testing helpers for Fission applications
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

use fission_core::internal::InternalLowerer;
use fission_core::internal::{InternalIrBuilder, InternalLoweringCx};
use fission_core::ui::{Column, Container, Row, Text, Widget};
use fission_core::GlobalState;
use fission_ir::{Op, Semantics};
use fission_test::TestHarness;

#[derive(Debug, Default, Clone)]
struct State;
impl GlobalState for State {}

#[derive(Debug)]
struct MockHero {
    child: Widget,
}

impl InternalLowerer for MockHero {
    fn lower_dyn(&self, cx: &mut InternalLoweringCx) -> fission_ir::WidgetId {
        let child_id = fission_core::internal::lower_widget(&self.child, cx);
        let id = cx.next_node_id();
        let semantics = Semantics {
            hero_tag: Some("t".into()),
            ..Default::default()
        };
        let mut builder = InternalIrBuilder::new(id, Op::Semantics(semantics));
        builder.add_child(child_id);
        builder.build(cx)
    }
    fn stable_key(&self) -> u64 {
        0
    }
}

#[test]
fn test_email_list_overlap_regression() {
    // Regression test for issue where wrapped text inside a Hero (Semantics)
    // container would fail to wrap in layout (due to flex_shrink: 0 default)
    // causing visual overlap with subsequent items.

    #[derive(Clone)]
    struct EmailRow;
    impl From<EmailRow> for Widget {
        fn from(_component: EmailRow) -> Self {
            let (_ctx, _view) = fission_core::build::current::<State>();
            Container::new(Row::default().children(vec![
                    // Text Column
                    Container::new(
                        Column::default().children(vec![
                            // Hero Subject
                            fission_core::internal::custom_render_widget(
                                fission_core::internal::InternalRenderNode {
                                    debug_tag: "Hero".into(),
                                    lowerer: Some(std::sync::Arc::new(MockHero {
                                        child: Text::new("Subject 10 Subject 10 Subject 10")
                                            .min_width(0.0) // Ensure it can shrink
                                            .into(),
                                    })),
                                    render_object: None,
                                },
                            ),
                            // Preview
                            Text::new("Short preview...").min_width(0.0).into(),
                        ]),
                    )
                    .min_width(0.0)
                    .flex_grow(1.0)
                    .into(),
                ]))
            .width(100.0) // Constrain width
            .into()
        }
    }
    let mut h = TestHarness::new(State);
    h = h.with_root_widget(EmailRow);
    h.pump().unwrap();

    let snap = h.last_snapshot.as_ref().unwrap();
    let ir = h.last_ir.as_ref().unwrap();

    // Find "Short preview..." rect
    let mut preview_rect = None;
    let mut subject_rect = None;

    for (id, node) in &ir.nodes {
        if let fission_ir::Op::Paint(fission_ir::PaintOp::DrawText { text, .. }) = &node.op {
            let geom = snap.get_node_geometry(*id).unwrap();
            if text.contains("preview") {
                preview_rect = Some(geom.rect);
            } else if text.contains("Subject") {
                subject_rect = Some(geom.rect);
            }
        }
    }

    let subject = subject_rect.expect("Subject text not found");
    let preview = preview_rect.expect("Preview text not found");

    println!("Subject: {:?}", subject);
    println!("Preview: {:?}", preview);

    let font_size = h.env.theme.tokens.typography.body_medium_size;
    let (_single_line_w, single_line_h) =
        h.measurer
            .measure("Subject 10 Subject 10 Subject 10", font_size, None);
    // Subject height should reflect wrapping. If it's a single line height,
    // it failed to wrap in layout.
    assert!(
        subject.height() > single_line_h,
        "Subject text did not wrap in layout! Height is {}",
        subject.height()
    );

    // Preview Y should be below Subject
    assert!(
        preview.y() >= subject.y() + subject.height(),
        "Preview overlaps Subject! Preview Y: {}, Subject Bottom: {}",
        preview.y(),
        subject.y() + subject.height()
    );
}