float-pigment-forest 0.8.2

A node tree implementation for float-pigment-layout.
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

// Tests for text rendering with font-size in CSS
// Based on CSS Fonts Module Level 4:
// - font-size determines the size of the font
// - Affects line height and text dimensions

use crate::*;

// Case: Text with font-size
// Spec points:
// - font-size affects line height
// In this test:
// - Container with font-size=30px
// - Expected height matches font-size (30px)
#[test]
fn text_with_font_size() {
    assert_xml!(
        r#"
        <div style="font-size: 30px;" expect_height="30">
          XX
        </div>
    "#,
        true
    )
}

// Case: Text with font-size in inline container
// Spec points:
// - Inline element inherits font-size
// - Inline width determined by text content at that font size
// In this test:
// - Container: font-size=30px
// - Inline child: contains "XX", width = 2 chars * 30px = 60px
#[test]
fn text_with_font_size_2() {
    assert_xml!(
        r#"
        <div style="font-size: 30px;" expect_height="30">
          <div style="display: inline" expect_width="60">XX</div>
        </div>
    "#,
        true
    )
}