test_utility_extraction() — tailwindcss Function Reference
Architecture documentation for the test_utility_extraction() function in utility_machine.rs from the tailwindcss codebase.
Entity Profile
Dependency Diagram
graph TD f09274bb_ed58_0f90_a91a_d4f34131061c["test_utility_extraction()"] 32b9b48f_ad55_d7a6_3de9_85eb03c312f2["utility_machine.rs"] f09274bb_ed58_0f90_a91a_d4f34131061c -->|defined in| 32b9b48f_ad55_d7a6_3de9_85eb03c312f2 style f09274bb_ed58_0f90_a91a_d4f34131061c fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
crates/oxide/src/extractor/utility_machine.rs lines 209–345
fn test_utility_extraction() {
for (input, expected) in [
// Simple utility
("flex", vec!["flex"]),
// Simple utility with special character(s)
("@container", vec!["@container"]),
// Single character utility
("a", vec!["a"]),
// Important utilities
("!flex", vec!["!flex"]),
("flex!", vec!["flex!"]),
("flex! block", vec!["flex!", "block"]),
// With dashes
("items-center", vec!["items-center"]),
("items--center", vec!["items--center"]),
// Inside a string
("'flex'", vec!["flex"]),
// Multiple utilities
("flex items-center", vec!["flex", "items-center"]),
// Arbitrary property
("[color:red]", vec!["[color:red]"]),
("![color:red]", vec!["![color:red]"]),
("[color:red]!", vec!["[color:red]!"]),
("[color:red]/20", vec!["[color:red]/20"]),
("![color:red]/20", vec!["![color:red]/20"]),
("[color:red]/20!", vec!["[color:red]/20!"]),
// Modifiers
("bg-red-500/20", vec!["bg-red-500/20"]),
("bg-red-500/[20%]", vec!["bg-red-500/[20%]"]),
(
"bg-red-500/(--my-opacity)",
vec!["bg-red-500/(--my-opacity)"],
),
// Modifiers with important (legacy)
("!bg-red-500/20", vec!["!bg-red-500/20"]),
("!bg-red-500/[20%]", vec!["!bg-red-500/[20%]"]),
(
"!bg-red-500/(--my-opacity)",
vec!["!bg-red-500/(--my-opacity)"],
),
// Modifiers with important
("bg-red-500/20!", vec!["bg-red-500/20!"]),
("bg-red-500/[20%]!", vec!["bg-red-500/[20%]!"]),
(
"bg-red-500/(--my-opacity)!",
vec!["bg-red-500/(--my-opacity)!"],
),
// Arbitrary value with bracket notation
("bg-[#0088cc]", vec!["bg-[#0088cc]"]),
// Arbitrary value with arbitrary property shorthand modifier
(
"bg-[#0088cc]/(--my-opacity)",
vec!["bg-[#0088cc]/(--my-opacity)"],
),
// Arbitrary value with CSS property shorthand
("bg-(--my-color)", vec!["bg-(--my-color)"]),
// Multiple utilities including arbitrary property shorthand
(
"bg-(--my-color) flex px-(--my-padding)",
vec!["bg-(--my-color)", "flex", "px-(--my-padding)"],
),
// --------------------------------------------------------
// Exceptions:
("bg-red-500/20/20", vec![]),
("bg-[#0088cc]/20/20", vec![]),
] {
for (wrapper, additional) in [
// No wrapper
("{}", vec![]),
// With leading spaces
(" {}", vec![]),
// With trailing spaces
("{} ", vec![]),
// Surrounded by spaces
(" {} ", vec![]),
// Inside a string
("'{}'", vec![]),
// Inside a function call
("fn('{}')", vec![]),
// Inside nested function calls
Domain
Subdomains
Source
Frequently Asked Questions
What does test_utility_extraction() do?
test_utility_extraction() is a function in the tailwindcss codebase, defined in crates/oxide/src/extractor/utility_machine.rs.
Where is test_utility_extraction() defined?
test_utility_extraction() is defined in crates/oxide/src/extractor/utility_machine.rs at line 209.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free