test_js_interpolation() — tailwindcss Function Reference

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

Function rust Oxide Extractor

Entity Profile

Oxide→ Extractor→ test_js_interpolation() — tailwindcss Function Reference

Dependency Diagram

graph TD
  a48de127_4569_a4a8_415b_cd013ad760d9["test_js_interpolation()"]
  16b5fabd_92d2_8602_e43a_c1d04ce5e265["candidate_machine.rs"]
  a48de127_4569_a4a8_415b_cd013ad760d9 -->|defined in| 16b5fabd_92d2_8602_e43a_c1d04ce5e265
  style a48de127_4569_a4a8_415b_cd013ad760d9 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);
        }
    }