test_class_shorthand_followed_by_parens() — tailwindcss Function Reference

Architecture documentation for the test_class_shorthand_followed_by_parens() function in slim.rs from the tailwindcss codebase.

Function rust OxideEngine PreProcessors

Entity Profile

OxideEngine→ PreProcessors→ test_class_shorthand_followed_by_parens() — tailwindcss Function Reference

Dependency Diagram

graph TD
  dd6e7d48_660b_7bd6_2066_f72e38f9a38b["test_class_shorthand_followed_by_parens()"]
  728c6622_d993_001c_2e5b_541b85f1c521["slim.rs"]
  dd6e7d48_660b_7bd6_2066_f72e38f9a38b -->|defined in| 728c6622_d993_001c_2e5b_541b85f1c521
  style dd6e7d48_660b_7bd6_2066_f72e38f9a38b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

crates/oxide/src/extractor/pre_processors/slim.rs lines 238–270

    fn test_class_shorthand_followed_by_parens() {
        let input = r#"
              body.border-t-4.p-8(class="\#{body_classes}" data-hotwire-native="\#{hotwire_native_app?}" data-controller="update-time-zone")
        "#;
        Slim::test_extract_contains(input, vec!["border-t-4", "p-8"]);

        // Additional test with CSS Variable shorthand syntax in the attribute itself because `(`
        // and `)` are not valid in the class shorthand version.
        //
        // Also included an arbitrary value including `(` and `)` to make sure that we don't
        // accidentally remove those either.
        let input = r#"
              body.p-8(class="bg-(--my-color) bg-(--my-color)/(--my-opacity) bg-[url(https://example.com)]")
        "#;
        Slim::test_extract_contains(
            input,
            vec![
                "p-8",
                "bg-(--my-color)",
                "bg-(--my-color)/(--my-opacity)",
                "bg-[url(https://example.com)]",
            ],
        );

        // Top-level class shorthand with parens
        let input = r#"
            div class="bg-(--my-color) bg-(--my-color)/(--my-opacity)"
        "#;
        Slim::test_extract_contains(
            input,
            vec!["bg-(--my-color)", "bg-(--my-color)/(--my-opacity)"],
        );
    }