{ "schemaVersion": 2, "example": "material-ui", "scenario": "task-workspace-full-interaction", "generatedAt": "2026-08-25T13:01:18.957Z", "metadata": { "chromiumVersion": "151.0.7922.34", "viewport": { "width": 1280, "height": 720 }, "geometryMatchThresholdPx": 1 }, "summary": { "steps": 7, "overallAgreement": 87.14, "coverage": 100, "discrepancies": 62, "uniqueDiscrepancies": 25, "unstableCheckpoints": 0, "styleInputDifferences": 973, "hitStackDifferences": 14 }, "steps": [ { "id": "initial", "label": "Initial task list", "scores": { "coverage": 100, "geometry": 60.71, "visibility": 100, "hitTesting": 100, "hitStack": 57.14, "styleInputs": 31.68, "overall": 86.9 }, "observations": 7, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02 }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92 }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "y", "expected": 164.03, "actual": 196.05, "difference": 32.02, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 }, { "selector": "[data-layout-key=\"task-2\"]", "category": "geometry", "field": "y", "expected": 237.05, "actual": 264.27, "difference": 27.22, "relativeDifference": -4.8, "scope": "local-layout" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 }, { "selector": "[data-layout-key=\"task-3\"]", "category": "geometry", "field": "y", "expected": 310.06, "actual": 332.49, "difference": 22.43, "relativeDifference": -9.59, "scope": "local-layout" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "height", "expected": "412.031px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-y", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "width", "expected": "103.922px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "height", "expected": "36.5px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-2\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "expected": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] }, { "selector": "[data-layout-key=\"underlying-control\"]", "expected": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] } ] } }, { "id": "active-filter", "label": "Active filter", "scores": { "coverage": 100, "geometry": 62.5, "visibility": 100, "hitTesting": 100, "hitStack": 33.33, "styleInputs": 31.52, "overall": 87.5 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02 }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92 }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "y", "expected": 164.03, "actual": 196.05, "difference": 32.02, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 }, { "selector": "[data-layout-key=\"task-3\"]", "category": "geometry", "field": "y", "expected": 237.05, "actual": 264.27, "difference": 27.22, "relativeDifference": -4.8, "scope": "local-layout" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "height", "expected": "412.031px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-y", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "width", "expected": "103.922px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "height", "expected": "36.5px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-3\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "expected": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] }, { "selector": "[data-layout-key=\"task-list\"]", "expected": [ "[data-layout-key=\"task-list\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"task-list\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] }, { "selector": "[data-layout-key=\"underlying-control\"]", "expected": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] } ] } }, { "id": "add-dialog", "label": "Add dialog open", "scores": { "coverage": 100, "geometry": 66.67, "visibility": 100, "hitTesting": 83.33, "hitStack": 33.33, "styleInputs": 31.88, "overall": 83.33 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02 }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92 }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "geometry", "field": "y", "expected": 212.25, "actual": 235.25, "difference": 23, "relativeDifference": 23, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "geometry", "field": "height", "expected": 295.5, "actual": 249.5, "difference": -46 }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "geometry", "field": "y", "expected": 284.25, "actual": 307.25, "difference": 23, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "hit-testing", "expected": "[data-layout-key=\"task-title-input\"]", "actual": "[data-layout-key=\"add-dialog\"]" } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "height", "expected": "412.031px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-y", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "width", "expected": "103.922px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "height", "expected": "36.5px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "width", "expected": "408px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "height", "expected": "295.5px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "padding-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "padding-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "padding-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "padding-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "overflow", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "width", "expected": "332px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "0" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "overflow", "expected": "clip", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "overflow-x", "expected": "clip", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "overflow-y", "expected": "clip", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "font-family", "expected": "Roboto, Helvetica, Arial, sans-serif", "actual": "inherit" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "font-size", "expected": "16px", "actual": "inherit" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "font-weight", "expected": "400", "actual": "inherit" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "line-height", "expected": "23px", "actual": "inherit" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "expected": [ "div", "div", "div", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body" ], "actual": [ "div", "div", "div", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] }, { "selector": "[data-layout-key=\"add-dialog\"]", "expected": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "div", "div", "div", "[data-layout-key=\"task-list\"]" ], "actual": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-title-input\"]", "[data-layout-key=\"add-dialog\"]", "div", "div", "div" ] }, { "selector": "[data-layout-key=\"task-title-input\"]", "expected": [ "[data-layout-key=\"task-title-input\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "div", "div", "div" ], "actual": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-title-input\"]", "[data-layout-key=\"add-dialog\"]", "div", "div", "div" ] } ] } }, { "id": "task-added", "label": "Task added", "scores": { "coverage": 100, "geometry": 65, "visibility": 100, "hitTesting": 100, "hitStack": 40, "styleInputs": 31.3, "overall": 88.33 }, "observations": 5, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02 }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92 }, { "selector": "[data-layout-key=\"task-4\"]", "category": "geometry", "field": "y", "expected": 383.08, "actual": 400.71, "difference": 17.63, "relativeDifference": -14.39, "scope": "local-layout" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "height", "expected": "412.031px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-y", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "width", "expected": "103.922px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "height", "expected": "36.5px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "expected": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] }, { "selector": "[data-layout-key=\"underlying-control\"]", "expected": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] } ] } }, { "id": "action-menu", "label": "Action menu open", "scores": { "coverage": 100, "geometry": 66.67, "visibility": 100, "hitTesting": 100, "hitStack": 50, "styleInputs": 32.97, "overall": 88.89 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02 }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92 }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "geometry", "field": "x", "expected": 1031, "actual": 1020, "difference": -11, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "geometry", "field": "y", "expected": 230, "actual": 260, "difference": 30, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "geometry", "field": "width", "expected": 113.7, "actual": 123.25, "difference": 9.55 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "height", "expected": "412.031px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-y", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "width", "expected": "103.922px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "height", "expected": "36.5px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "width", "expected": "113.703px", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "height", "expected": "36px", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "auto" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "expected": [ "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] } ] } }, { "id": "delete-dialog", "label": "Delete dialog open", "scores": { "coverage": 100, "geometry": 62.5, "visibility": 100, "hitTesting": 100, "hitStack": 83.33, "styleInputs": 31.16, "overall": 87.5 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02 }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92 }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "x", "expected": 346.91, "actual": 340, "difference": -6.91, "relativeDifference": -6.91, "scope": "local-layout" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "y", "expected": 279.75, "actual": 267.75, "difference": -12, "relativeDifference": -12, "scope": "local-layout" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "width", "expected": 586.19, "actual": 600, "difference": 13.81 }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "height", "expected": 160.5, "actual": 184.5, "difference": 24 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "height", "expected": "412.031px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-y", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "width", "expected": "103.922px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "height", "expected": "36.5px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "width", "expected": "586.188px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "height", "expected": "160.5px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "padding-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "padding-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "padding-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "padding-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "overflow", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "expected": [ "div", "[data-layout-key=\"delete-backdrop\"]", "div", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body" ], "actual": [ "div", "[data-layout-key=\"delete-backdrop\"]", "div", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] } ] } }, { "id": "restored", "label": "Dialog dismissed", "scores": { "coverage": 100, "geometry": 62.5, "visibility": 100, "hitTesting": 100, "hitStack": 50, "styleInputs": 31.52, "overall": 87.5 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02 }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92 }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "y", "expected": 164.03, "actual": 196.05, "difference": 32.02, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 }, { "selector": "[data-layout-key=\"task-4\"]", "category": "geometry", "field": "y", "expected": 383.08, "actual": 400.71, "difference": 17.63, "relativeDifference": -14.39, "scope": "local-layout" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "height", "expected": "412.031px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"sidebar\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-x", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "overflow-y", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "width", "expected": "103.922px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "height", "expected": "36.5px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-1\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "width", "expected": "664px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "height", "expected": "73.0156px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-4\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"sidebar\"]", "expected": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] }, { "selector": "[data-layout-key=\"underlying-control\"]", "expected": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app", "body", "html" ], "actual": [ "[data-layout-key=\"underlying-control\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "[data-layout-key=\"workspace\"]", "div#app" ] } ] } } ], "discrepancyGroups": [ { "selector": "[data-layout-key=\"sidebar\"]", "category": "geometry", "field": "height", "expected": 444.03, "actual": 476.05, "difference": 32.02, "occurrences": 7, "steps": [ "initial", "active-filter", "add-dialog", "task-added", "action-menu", "delete-dialog", "restored" ] }, { "selector": "[data-layout-key=\"task-list\"]", "category": "geometry", "field": "y", "expected": 156.03, "actual": 188.05, "difference": 32.02, "relativeDifference": 32.02, "scope": "local-layout", "occurrences": 7, "steps": [ "initial", "active-filter", "add-dialog", "task-added", "action-menu", "delete-dialog", "restored" ] }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "x", "expected": 992.08, "actual": 995, "difference": 2.92, "relativeDifference": 2.92, "scope": "local-layout", "occurrences": 7, "steps": [ "initial", "active-filter", "add-dialog", "task-added", "action-menu", "delete-dialog", "restored" ] }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "y", "expected": 95.77, "actual": 111.78, "difference": 16.01, "relativeDifference": 16.01, "scope": "local-layout", "occurrences": 7, "steps": [ "initial", "active-filter", "add-dialog", "task-added", "action-menu", "delete-dialog", "restored" ] }, { "selector": "[data-layout-key=\"underlying-control\"]", "category": "geometry", "field": "width", "expected": 103.92, "actual": 101, "difference": -2.92, "occurrences": 7, "steps": [ "initial", "active-filter", "add-dialog", "task-added", "action-menu", "delete-dialog", "restored" ] }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "y", "expected": 164.03, "actual": 196.05, "difference": 32.02, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 3, "steps": [ "initial", "active-filter", "restored" ] }, { "selector": "[data-layout-key=\"task-1\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8, "occurrences": 3, "steps": [ "initial", "active-filter", "restored" ] }, { "selector": "[data-layout-key=\"task-3\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8, "occurrences": 2, "steps": [ "initial", "active-filter" ] }, { "selector": "[data-layout-key=\"task-4\"]", "category": "geometry", "field": "y", "expected": 383.08, "actual": 400.71, "difference": 17.63, "relativeDifference": -14.39, "scope": "local-layout", "occurrences": 2, "steps": [ "task-added", "restored" ] }, { "selector": "[data-layout-key=\"task-4\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8, "occurrences": 2, "steps": [ "task-added", "restored" ] }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "geometry", "field": "y", "expected": 212.25, "actual": 235.25, "difference": 23, "relativeDifference": 23, "scope": "local-layout", "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "geometry", "field": "height", "expected": 295.5, "actual": 249.5, "difference": -46, "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "geometry", "field": "x", "expected": 1031, "actual": 1020, "difference": -11, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "geometry", "field": "y", "expected": 230, "actual": 260, "difference": 30, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": "[data-layout-key=\"delete-action\"]", "category": "geometry", "field": "width", "expected": 113.7, "actual": 123.25, "difference": 9.55, "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "x", "expected": 346.91, "actual": 340, "difference": -6.91, "relativeDifference": -6.91, "scope": "local-layout", "occurrences": 1, "steps": [ "delete-dialog" ] }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "y", "expected": 279.75, "actual": 267.75, "difference": -12, "relativeDifference": -12, "scope": "local-layout", "occurrences": 1, "steps": [ "delete-dialog" ] }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "width", "expected": 586.19, "actual": 600, "difference": 13.81, "occurrences": 1, "steps": [ "delete-dialog" ] }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "height", "expected": 160.5, "actual": 184.5, "difference": 24, "occurrences": 1, "steps": [ "delete-dialog" ] }, { "selector": "[data-layout-key=\"task-2\"]", "category": "geometry", "field": "y", "expected": 237.05, "actual": 264.27, "difference": 27.22, "relativeDifference": -4.8, "scope": "local-layout", "occurrences": 1, "steps": [ "initial" ] }, { "selector": "[data-layout-key=\"task-2\"]", "category": "geometry", "field": "height", "expected": 73.02, "actual": 68.22, "difference": -4.8, "occurrences": 1, "steps": [ "initial" ] }, { "selector": "[data-layout-key=\"task-3\"]", "category": "geometry", "field": "y", "expected": 310.06, "actual": 332.49, "difference": 22.43, "relativeDifference": -9.59, "scope": "local-layout", "occurrences": 1, "steps": [ "initial" ] }, { "selector": "[data-layout-key=\"task-3\"]", "category": "geometry", "field": "y", "expected": 237.05, "actual": 264.27, "difference": 27.22, "relativeDifference": -4.8, "scope": "local-layout", "occurrences": 1, "steps": [ "active-filter" ] }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "geometry", "field": "y", "expected": 284.25, "actual": 307.25, "difference": 23, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "hit-testing", "expected": "[data-layout-key=\"task-title-input\"]", "actual": "[data-layout-key=\"add-dialog\"]", "occurrences": 1, "steps": [ "add-dialog" ] } ], "unsupportedCss": { "unsupportedDeclarationCount": 36, "properties": [ { "property": "display", "declarations": 1, "occurrences": 25, "values": [ "box" ], "reasons": [ "unsupported-value" ], "selectors": [ ".css-10d30g3-MuiPaper-root-MuiDialog-paper", ".css-10iq40h-MuiChip-root", ".css-15fu35s-MuiDialogActions-root", ".css-19do60a-MuiDialog-container", ".css-1ahi5tg-MuiSnackbar-root", ".css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop", ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1rju2q6-MuiButtonBase-root-MuiMenuItem-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-1xp5r68-MuiFormControl-root-MuiTextField-root", ".css-1ygil4i-MuiToolbar-root", ".css-2mz69a-MuiChip-root", ".css-3p59tv-MuiStack-root", ".css-53g0n7-MuiButtonBase-root-MuiIconButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-7y9k7a-MuiPaper-root-MuiAlert-root", ".css-eggeq0-MuiStack-root", ".css-kdrkon-MuiFormControl-root-MuiTextField-root", ".css-lznddj-MuiListItem-root", ".css-m7apv", ".css-qqmrc5-MuiPaper-root-MuiAppBar-root", ".css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root", ".css-vab54s-MuiAlert-icon", ".css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop", ".css-xrmkj5-MuiInputBase-root-MuiOutlinedInput-root" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"delete-action\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-1-menu-trigger\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"workspace\"]", "div.MuiBackdrop-root.MuiModal-backdrop.MuiDialog-backdrop", "div.MuiDialog-container.MuiDialog-scrollPaper.css-19do60a-MuiDialog-container" ], "computedValues": [ "flex", "inline-flex" ], "support": [ { "id": "display", "effect": "layout", "status": "partial" } ], "priority": "observed-layout" }, { "property": "box-align", "declarations": 1, "occurrences": 17, "values": [ "center" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-10iq40h-MuiChip-root", ".css-15fu35s-MuiDialogActions-root", ".css-19do60a-MuiDialog-container", ".css-1ahi5tg-MuiSnackbar-root", ".css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop", ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1rju2q6-MuiButtonBase-root-MuiMenuItem-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-1ygil4i-MuiToolbar-root", ".css-2mz69a-MuiChip-root", ".css-53g0n7-MuiButtonBase-root-MuiIconButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-eggeq0-MuiStack-root", ".css-lznddj-MuiListItem-root", ".css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root", ".css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop", ".css-xrmkj5-MuiInputBase-root-MuiOutlinedInput-root" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"delete-action\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-1-menu-trigger\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"workspace\"]", "div.MuiBackdrop-root.MuiModal-backdrop.MuiDialog-backdrop", "div.MuiDialog-container.MuiDialog-scrollPaper.css-19do60a-MuiDialog-container" ], "computedValues": [], "support": [], "priority": "observed-unclassified" }, { "property": "flex-align", "declarations": 1, "occurrences": 17, "values": [ "center" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-10iq40h-MuiChip-root", ".css-15fu35s-MuiDialogActions-root", ".css-19do60a-MuiDialog-container", ".css-1ahi5tg-MuiSnackbar-root", ".css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop", ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1rju2q6-MuiButtonBase-root-MuiMenuItem-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-1ygil4i-MuiToolbar-root", ".css-2mz69a-MuiChip-root", ".css-53g0n7-MuiButtonBase-root-MuiIconButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-eggeq0-MuiStack-root", ".css-lznddj-MuiListItem-root", ".css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root", ".css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop", ".css-xrmkj5-MuiInputBase-root-MuiOutlinedInput-root" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"delete-action\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-1-menu-trigger\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"workspace\"]", "div.MuiBackdrop-root.MuiModal-backdrop.MuiDialog-backdrop", "div.MuiDialog-container.MuiDialog-scrollPaper.css-19do60a-MuiDialog-container" ], "computedValues": [], "support": [], "priority": "observed-unclassified" }, { "property": "box-pack", "declarations": 4, "occurrences": 16, "values": [ "center", "end", "justify", "start" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-10iq40h-MuiChip-root", ".css-15fu35s-MuiDialogActions-root", ".css-19do60a-MuiDialog-container", ".css-1ahi5tg-MuiSnackbar-root", ".css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop", ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1rju2q6-MuiButtonBase-root-MuiMenuItem-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-2mz69a-MuiChip-root", ".css-53g0n7-MuiButtonBase-root-MuiIconButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-eggeq0-MuiStack-root", ".css-lznddj-MuiListItem-root", ".css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"delete-action\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-1-menu-trigger\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"workspace\"]", "div.MuiBackdrop-root.MuiModal-backdrop.MuiDialog-backdrop", "div.MuiDialog-container.MuiDialog-scrollPaper.css-19do60a-MuiDialog-container" ], "computedValues": [], "support": [], "priority": "observed-unclassified" }, { "property": "flex-pack", "declarations": 3, "occurrences": 15, "values": [ "center", "end", "start" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-10iq40h-MuiChip-root", ".css-15fu35s-MuiDialogActions-root", ".css-19do60a-MuiDialog-container", ".css-1ahi5tg-MuiSnackbar-root", ".css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop", ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1rju2q6-MuiButtonBase-root-MuiMenuItem-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-2mz69a-MuiChip-root", ".css-53g0n7-MuiButtonBase-root-MuiIconButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-lznddj-MuiListItem-root", ".css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"delete-action\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-1-menu-trigger\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"workspace\"]", "div.MuiBackdrop-root.MuiModal-backdrop.MuiDialog-backdrop", "div.MuiDialog-container.MuiDialog-scrollPaper.css-19do60a-MuiDialog-container" ], "computedValues": [], "support": [], "priority": "observed-unclassified" }, { "property": "-webkit-tap-highlight-color", "declarations": 1, "occurrences": 9, "values": [ "transparent" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input", ".css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop", ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1rju2q6-MuiButtonBase-root-MuiMenuItem-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-53g0n7-MuiButtonBase-root-MuiIconButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-vl6bb4-MuiBackdrop-root-MuiModal-backdrop", ".css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"delete-action\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"task-1-menu-trigger\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"task-title-input\"]", "div.MuiBackdrop-root.MuiModal-backdrop.MuiDialog-backdrop" ], "computedValues": [ "transparent" ], "support": [], "priority": "observed-unclassified" }, { "property": "-webkit-overflow-scrolling", "declarations": 1, "occurrences": 3, "values": [ "touch" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-19j2yc-MuiDialogContent-root", ".css-1tktgsa-MuiPaper-root-MuiPopover-paper-MuiMenu-paper", ".css-kw13he-MuiDialogContent-root" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"task-menu\"]" ], "computedValues": [ "touch" ], "support": [], "priority": "observed-unclassified" }, { "property": "flex-negative", "declarations": 1, "occurrences": 3, "values": [ "0" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-1ckov0h-MuiSvgIcon-root", ".css-aiph0w", ".css-qqmrc5-MuiPaper-root-MuiAppBar-root" ], "elements": [ "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"workspace\"]" ], "computedValues": [], "support": [], "priority": "observed-unclassified" }, { "property": "text-align", "declarations": 2, "occurrences": 3, "values": [ "center", "left" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-18p5xg2-MuiNotchedOutlined-root-MuiOutlinedInput-notchedOutline", ".css-53g0n7-MuiButtonBase-root-MuiIconButton-root", ".css-lznddj-MuiListItem-root" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-1-menu-trigger\"]" ], "computedValues": [ "center", "left" ], "support": [], "priority": "observed-unclassified" }, { "property": "text-overflow", "declarations": 1, "occurrences": 3, "values": [ "ellipsis" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-113d811-MuiFormLabel-root-MuiInputLabel-root", ".css-19qnlrw-MuiFormLabel-root-MuiInputLabel-root", ".css-eccknh-MuiChip-label" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-1\"]" ], "computedValues": [ "ellipsis" ], "support": [], "priority": "observed-unclassified" }, { "property": "animation-duration", "declarations": 1, "occurrences": 2, "values": [ "[{\"type\":\"milliseconds\",\"value\":10}]" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input", ".css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-title-input\"]" ], "computedValues": [ "10ms" ], "support": [], "priority": "observed-unclassified" }, { "property": "animation-name", "declarations": 1, "occurrences": 2, "values": [ "[{\"type\":\"ident\",\"value\":\"mui-auto-fill-cancel\"}]" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input", ".css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-title-input\"]" ], "computedValues": [ "mui-auto-fill-cancel" ], "support": [], "priority": "observed-unclassified" }, { "property": "font", "declarations": 1, "occurrences": 2, "values": [ "inherit" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input", ".css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-title-input\"]" ], "computedValues": [ "inherit" ], "support": [], "priority": "observed-unclassified" }, { "property": "fill", "declarations": 1, "occurrences": 1, "values": [ "{\"type\":\"color\",\"value\":{\"type\":\"currentcolor\"}}" ], "reasons": [ "unknown-property" ], "selectors": [ ".css-1ckov0h-MuiSvgIcon-root" ], "elements": [ "[data-layout-key=\"workspace\"]" ], "computedValues": [ "currentColor" ], "support": [], "priority": "observed-unclassified" }, { "property": "selector", "declarations": 6, "occurrences": 6, "values": [ "{\"type\":\"pseudo-class\",\"kind\":\"autofill\",\"vendorPrefix\":[\"webkit\"]}", "{\"type\":\"pseudo-class\",\"kind\":\"invalid\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-moz-focus-inner\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-webkit-search-decoration\"}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[\"moz\"]}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[\"webkit\"]}" ], "reasons": [ "unsupported-rule" ], "selectors": [ "{\"type\":\"pseudo-class\",\"kind\":\"autofill\",\"vendorPrefix\":[\"webkit\"]}", "{\"type\":\"pseudo-class\",\"kind\":\"invalid\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-moz-focus-inner\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-webkit-search-decoration\"}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[\"moz\"]}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[\"webkit\"]}" ], "elements": [], "computedValues": [], "support": [], "priority": "unclassified" }, { "property": "@media", "declarations": 2, "occurrences": 2, "values": [ "{\"mediaQueries\":[{\"qualifier\":null,\"mediaType\":\"all\",\"condition\":{\"type\":\"feature\",\"value\":{\"type\":\"plain\",\"name\":\"hover\",\"value\":{\"type\":\"ident\",\"value\":\"hover\"}}}}]}", "{\"mediaQueries\":[{\"qualifier\":null,\"mediaType\":\"all\",\"condition\":{\"type\":\"feature\",\"value\":{\"type\":\"plain\",\"name\":\"hover\",\"value\":{\"type\":\"ident\",\"value\":\"none\"}}}}]}" ], "reasons": [ "unsupported-rule" ], "selectors": [], "elements": [], "computedValues": [], "support": [], "priority": "unclassified" }, { "property": "@keyframes", "declarations": 1, "occurrences": 1, "values": [ "keyframes" ], "reasons": [ "unsupported-rule" ], "selectors": [], "elements": [], "computedValues": [], "support": [], "priority": "unclassified" }, { "property": "background-color", "declarations": 3, "occurrences": 4, "values": [ "var(--AppBar-background)", "var(--variant-containedBg)", "var(--variant-textBg)" ], "reasons": [ "unsupported-value" ], "selectors": [ ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-qqmrc5-MuiPaper-root-MuiAppBar-root" ], "elements": [ "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"workspace\"]" ], "computedValues": [ "#1976d2", "#263238", "#d32f2f", "transparent" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" }, { "property": "background-image", "declarations": 1, "occurrences": 4, "values": [ "var(--Paper-overlay)" ], "reasons": [ "unsupported-value" ], "selectors": [ ".css-10d30g3-MuiPaper-root-MuiDialog-paper", ".css-1tktgsa-MuiPaper-root-MuiPopover-paper-MuiMenu-paper", ".css-7y9k7a-MuiPaper-root-MuiAlert-root", ".css-qqmrc5-MuiPaper-root-MuiAppBar-root" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-menu\"]", "[data-layout-key=\"workspace\"]" ], "computedValues": [], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" }, { "property": "color", "declarations": 3, "occurrences": 4, "values": [ "var(--AppBar-color)", "var(--variant-containedColor)", "var(--variant-textColor)" ], "reasons": [ "unsupported-value" ], "selectors": [ ".css-1f7qp0x-MuiButtonBase-root-MuiButton-root", ".css-1uent87-MuiButtonBase-root-MuiButton-root", ".css-74d805-MuiButtonBase-root-MuiButton-root", ".css-qqmrc5-MuiPaper-root-MuiAppBar-root" ], "elements": [ "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"filter-active\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"workspace\"]" ], "computedValues": [ "#1976d2", "#fff" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" } ] } }