getPropertyValue() — tailwindcss Function Reference

Architecture documentation for the getPropertyValue() function in ui.spec.ts from the tailwindcss codebase.

Function typescript OxideCore Scanner calls 1 called by 1

Entity Profile

OxideCore→ Scanner→ getPropertyValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  c4bc6d51_425a_4240_4e44_1f5bc3ab4ac3["getPropertyValue()"]
  03cdd11e_2ae7_a373_7130_c6663e810fd9["render()"]
  03cdd11e_2ae7_a373_7130_c6663e810fd9 -->|calls| c4bc6d51_425a_4240_4e44_1f5bc3ab4ac3
  03b8d706_a876_a776_0056_186ced5d6067["segment()"]
  c4bc6d51_425a_4240_4e44_1f5bc3ab4ac3 -->|calls| 03b8d706_a876_a776_0056_186ced5d6067
  style c4bc6d51_425a_4240_4e44_1f5bc3ab4ac3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/tests/ui.spec.ts lines 2247–2272

async function getPropertyValue(
  page: Page,
  selector: [string, string | undefined],
  property: string,
) {
  let value = await page.evaluate(
    ([[selector, pseudo], property]) => {
      return window
        .getComputedStyle(document.querySelector(selector)!, pseudo)
        .getPropertyValue(property)
    },
    [selector, property] as const,
  )

  switch (property) {
    case 'outline':
      // Order in webkit vs chromium is different. Sort to normalize.
      return segment(value, ' ')
        .map((part) => part.trim())
        .sort((a, z) => a.length - z.length)
        .join(' ')

    default:
      return value
  }
}