getPropertyValue() — tailwindcss Function Reference

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

Function typescript RustCore FileScanner calls 1 called by 1

Entity Profile

RustCore→ FileScanner→ getPropertyValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  9791c381_c51f_7e1f_8db9_fae6f853c06d["getPropertyValue()"]
  811a05d1_74b6_db8d_9c62_35b3ec21cf16["render()"]
  811a05d1_74b6_db8d_9c62_35b3ec21cf16 -->|calls| 9791c381_c51f_7e1f_8db9_fae6f853c06d
  2a20ea29_c850_cd61_5600_aeebbe3dda66["segment()"]
  9791c381_c51f_7e1f_8db9_fae6f853c06d -->|calls| 2a20ea29_c850_cd61_5600_aeebbe3dda66
  style 9791c381_c51f_7e1f_8db9_fae6f853c06d 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
  }
}