getPropertyValue() — tailwindcss Function Reference

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

Function typescript Oxide PreProcessors calls 1 called by 1

Entity Profile

Oxide→ PreProcessors→ getPropertyValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  473544e4_b8d4_e837_356d_1329d7248165["getPropertyValue()"]
  3dc429a0_5545_c843_5c3d_ae12e834e123["ui.spec.ts"]
  473544e4_b8d4_e837_356d_1329d7248165 -->|defined in| 3dc429a0_5545_c843_5c3d_ae12e834e123
  4c9ec9aa_6fa1_c418_ce6a_63ab7fcf8a66["render()"]
  4c9ec9aa_6fa1_c418_ce6a_63ab7fcf8a66 -->|calls| 473544e4_b8d4_e837_356d_1329d7248165
  c58cbb33_f3cc_0b4f_844a_15bf66a1dc61["segment()"]
  473544e4_b8d4_e837_356d_1329d7248165 -->|calls| c58cbb33_f3cc_0b4f_844a_15bf66a1dc61
  style 473544e4_b8d4_e837_356d_1329d7248165 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
  }
}