test_js_interpolation() — tailwindcss Function Reference

Architecture documentation for the test_js_interpolation() function in candidate_machine.rs from the tailwindcss codebase.

Function rust OxideEngine Extractor

Entity Profile

OxideEngine→ Extractor→ test_js_interpolation() — tailwindcss Function Reference

Dependency Diagram

graph TD
  ad138b43_4572_01b6_6639_8292c034e0c9["test_js_interpolation()"]
  add7fb68_668d_acbb_2d68_5b2963b9c0e4["candidate_machine.rs"]
  ad138b43_4572_01b6_6639_8292c034e0c9 -->|defined in| add7fb68_668d_acbb_2d68_5b2963b9c0e4
  style ad138b43_4572_01b6_6639_8292c034e0c9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

crates/oxide/src/extractor/candidate_machine.rs lines 333–360

    fn test_js_interpolation() {
        for (input, expected) in [
            // Utilities
            // Arbitrary value
            ("bg-[${color}]", vec![]),
            // Arbitrary property
            ("[color:${value}]", vec![]),
            ("[${key}:value]", vec![]),
            ("[${key}:${value}]", vec![]),
            // Arbitrary property for CSS variables
            ("[--color:${value}]", vec![]),
            ("[--color-${name}:value]", vec![]),
            // Arbitrary variable
            ("bg-(--my-${name})", vec![]),
            ("bg-(--my-variable,${fallback})", vec![]),
            (
                "bg-(--my-image,url('https://example.com?q=${value}'))",
                vec!["bg-(--my-image,url('https://example.com?q=${value}'))"],
            ),
            // Variants
            ("data-[state=${state}]:flex", vec![]),
            ("support-(--my-${value}):flex", vec![]),
            ("support-(--my-variable,${fallback}):flex", vec![]),
            ("[@media(width>=${value})]:flex", vec![]),
        ] {
            assert_eq!(CandidateMachine::test_extract_all(input), expected);
        }
    }