CSS color paths

css.color-paths

Ready · No signal has been run.

Results

Full evidence

Signal properties and values
Property	Value
No results yet. No signal has been run.

JSON

Selected signal results for external comparison. Field statuses, controls and exact values are retained.

No run export is available.

Source

Source is not connected yet.

// Test source pending.

Definition

Compares named colors through CSS resolution and canvas readback with literal controls.

Find it in the repository

Collector source: core/signals/css/color-paths.ts
Export: measurementModule · Signal object
Field definitions: core/definitions/css/color-paths.ts
Capture membership: Product capture · common/capture/product.ts
Page registration: app/signals/registry.ts
Field projection: core/results/measurement.ts

Execution contract

Signal: css.color-paths
Collector: css.color-paths
API / surface: core/signals/css/color-paths.ts
Timeout: 1250 ms
Companion signals: None
Fixture inputs: Inline owned corpora (listed below)

core/fixtures/css/color-paths.ts · sha256:75731c682bc1199359042af6fb3e0d379f9ac20d8f671525fbe2877d9e79c254

Exact request inputs

[
  {
    "key": "css.color-paths.responses",
    "inputs": {
      "Canvas": {
        "keyword": "Canvas",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "CanvasText": {
        "keyword": "CanvasText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "LinkText": {
        "keyword": "LinkText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "ButtonFace": {
        "keyword": "ButtonFace",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "ButtonText": {
        "keyword": "ButtonText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "Highlight": {
        "keyword": "Highlight",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "HighlightText": {
        "keyword": "HighlightText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "GrayText": {
        "keyword": "GrayText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "AccentColor": {
        "keyword": "AccentColor",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "AccentColorText": {
        "keyword": "AccentColorText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "Field": {
        "keyword": "Field",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "FieldText": {
        "keyword": "FieldText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "Mark": {
        "keyword": "Mark",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "MarkText": {
        "keyword": "MarkText",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "rgb(17, 34, 51)": {
        "keyword": "rgb(17, 34, 51)",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      },
      "invalid-color-control": {
        "keyword": "invalid-color-control",
        "cssSentinel": "rgb(1, 2, 3)",
        "canvasSentinel": "#010203"
      }
    },
    "controls": {}
  }
]

One collector runs per invocation. Results and JSON select this signal’s fields; any companions execute in the same collector.

Generated source manifest lists runtime files, fixture URLs and content digests for this build. The Source tab provides a copyable console sample.

Run and edit locally

From the repository root, start the Astro app, then open /signals/css.color-paths. Edit the collector source and reload the page to load its new build.

pnpm run dev:web

In a browser module served by this repository’s Vite graph:

import { createCollector } from "/core/collect"
import { measurementModule } from "/core/signals/css/color-paths"

const signal = measurementModule
const collector = createCollector()
const suite = { signals: [signal] }
const result = await collector.collect(suite)

Reuse the collector owner for repeated calls so collection can enforce cleanup. This returns the collector’s raw result; app/signals/projection.ts selects the retained fields shown on this page.

rg -n 'measurementModule' core app tests
pnpm run check
pnpm run test tests/unit/app/focused-projection.test.ts