jsxrs 0.1.4

A Rust library for rendering JSX/TSX to complete HTML documents at build-time or server-side.
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

mod common;

use jsxrs::{render_file, render_string};
use serde_json::json;

use common::{config_with_base_dir, extract_body, fixtures_dir, minimal_config};

#[test]
fn should_resolve_imported_component_when_given_relative_import() {
    // Given: with_import.jsx imports ./components/button
    let path = fixtures_dir().join("with_import.jsx");
    let config = config_with_base_dir(fixtures_dir());

    // When
    let result = render_file(&path, &json!({}), &config).unwrap();

    // Then
    let body = extract_body(&result);
    assert!(body.contains("<h1>Title</h1>"));
    assert!(body.contains("<button>Click me</button>"));
}

#[test]
fn should_resolve_import_without_extension_when_jsx_file_exists() {
    // Given: import path './components/button' resolved to 'button.jsx'
    let path = fixtures_dir().join("with_import.jsx");
    let config = config_with_base_dir(fixtures_dir());

    // When
    let result = render_file(&path, &json!({}), &config);

    // Then
    assert!(result.is_ok());
}

#[test]
fn should_return_error_when_imported_component_not_found() {
    // Given: source imports a non-existent component
    let source = r#"import Missing from './nonexistent';
export default function Page() {
  return <Missing />;
}"#;
    let config = config_with_base_dir(fixtures_dir());

    // When
    let result = render_string(source, "page.jsx", &json!({}), &config);

    // Then
    assert!(result.is_err());
}

#[test]
fn should_pass_props_to_imported_component() {
    // Given: with_import.jsx passes label="Click me" to Button
    let path = fixtures_dir().join("with_import.jsx");
    let config = config_with_base_dir(fixtures_dir());

    // When
    let result = render_file(&path, &json!({}), &config).unwrap();

    // Then
    let body = extract_body(&result);
    assert!(body.contains("<button>Click me</button>"));
}

#[test]
fn should_use_base_dir_for_import_resolution() {
    // Given: source with relative import, base_dir set to fixtures
    let source = r#"import Button from './components/button';
export default function Page() {
  return <Button label="test" />;
}"#;
    let config = config_with_base_dir(fixtures_dir());

    // When
    let result = render_string(source, "page.jsx", &json!({}), &config).unwrap();

    // Then
    let body = extract_body(&result);
    assert!(body.contains("<button>test</button>"));
}

#[test]
fn should_return_error_when_base_dir_not_set_and_import_exists() {
    // Given: source with import, but no base_dir configured
    let source = r#"import Button from './components/button';
export default function Page() {
  return <Button label="test" />;
}"#;
    let config = minimal_config();

    // When
    let result = render_string(source, "page.jsx", &json!({}), &config);

    // Then
    assert!(result.is_err());
}