{ "schemaVersion": 2, "example": "ant-design", "scenario": "task-workspace-full-interaction", "generatedAt": "2026-08-25T13:01:42.850Z", "metadata": { "chromiumVersion": "151.0.7922.34", "viewport": { "width": 1280, "height": 720 }, "geometryMatchThresholdPx": 1 }, "summary": { "steps": 7, "overallAgreement": 90.06, "coverage": 100, "discrepancies": 32, "uniqueDiscrepancies": 20, "unstableCheckpoints": 0, "styleInputDifferences": 427, "hitStackDifferences": 13 }, "steps": [ { "id": "initial", "label": "Initial task list", "scores": { "coverage": 100, "geometry": 92.86, "visibility": 100, "hitTesting": 100, "hitStack": 71.43, "styleInputs": 33.54, "overall": 97.62 }, "observations": 7, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "width", "expected": "108.484px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "row-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "column-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "line-height", "expected": "normal", "actual": "1.571429" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "expected": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app", "body" ], "actual": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ] } ] } }, { "id": "active-filter", "label": "Active filter", "scores": { "coverage": 100, "geometry": 91.67, "visibility": 100, "hitTesting": 100, "hitStack": 66.67, "styleInputs": 34.06, "overall": 97.22 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "width", "expected": "108.484px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "row-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "column-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "line-height", "expected": "normal", "actual": "1.571429" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "expected": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app", "body" ], "actual": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ] } ] } }, { "id": "add-dialog", "label": "Add dialog open", "scores": { "coverage": 100, "geometry": 79.17, "visibility": 100, "hitTesting": 50, "hitStack": 16.67, "styleInputs": 33.7, "overall": 76.39 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"task-workspace\"]", "category": "hit-testing", "expected": "[data-layout-key=\"task-title-input\"]", "actual": "[data-layout-key=\"task-description-input\"]" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "hit-testing", "expected": "[data-layout-key=\"add-dialog\"]", "actual": "[data-layout-key=\"task-description-input\"]" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52 }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "geometry", "field": "y", "expected": 624, "actual": 752, "difference": 128, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "hit-testing", "expected": "[data-layout-key=\"add-dialog\"]", "actual": null }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "geometry", "field": "y", "expected": 302, "actual": 272, "difference": -30, "relativeDifference": -30, "scope": "local-layout" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "geometry", "field": "height", "expected": 32, "actual": 23, "difference": -9 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "0" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "auto" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "auto" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "padding-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "padding-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "padding-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "padding-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "1px" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "1px" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "overflow-x", "expected": "hidden", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "overflow-y", "expected": "hidden", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "width", "expected": "724px", "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": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "padding-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "padding-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "padding-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "padding-left", "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", "expected": "auto", "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": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"task-list\"]", "category": "style-input", "field": "left", "expected": "auto", "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=\"add-task\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "width", "expected": "108.484px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-right-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-left-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "row-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "column-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "line-height", "expected": "normal", "actual": "1.571429" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "width", "expected": "1280px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "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": "1px" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "1px" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "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": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "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": "display", "expected": "block", "actual": "inline-block" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "width", "expected": "472px", "actual": "100%" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "height", "expected": "32px", "actual": "" }, { "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": "border-right-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "border-left-width", "expected": "1px", "actual": "0px" }, { "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": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"task-workspace\"]", "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\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-2\"]" ], "actual": [ "[data-layout-key=\"task-description-input\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-2\"]" ] }, { "selector": "[data-layout-key=\"task-list\"]", "expected": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-list\"]", "[data-layout-key=\"task-list\"]" ], "actual": [ "[data-layout-key=\"task-description-input\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"task-2\"]", "[data-layout-key=\"task-list\"]" ] }, { "selector": "[data-layout-key=\"add-task\"]", "expected": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ], "actual": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ] }, { "selector": "[data-layout-key=\"add-dialog\"]", "expected": [ "[data-layout-key=\"add-dialog\"]", "body", "html" ], "actual": [] } ] } }, { "id": "task-added", "label": "Task added", "scores": { "coverage": 100, "geometry": 90, "visibility": 100, "hitTesting": 100, "hitStack": 60, "styleInputs": 35.22, "overall": 96.67 }, "observations": 5, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "width", "expected": "108.484px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-right-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-left-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "row-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "column-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "line-height", "expected": "normal", "actual": "1.571429" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "expected": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app", "body" ], "actual": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ] } ] } }, { "id": "action-menu", "label": "Action menu open", "scores": { "coverage": 100, "geometry": 58.33, "visibility": 100, "hitTesting": 66.67, "hitStack": 33.33, "styleInputs": 36.96, "overall": 75 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52 }, { "selector": ".ant-dropdown", "category": "geometry", "field": "x", "expected": 938.95, "actual": -12800, "difference": -13738.95, "relativeDifference": -13738.95, "scope": "local-layout" }, { "selector": ".ant-dropdown", "category": "geometry", "field": "y", "expected": 220, "actual": -6448, "difference": -6668, "relativeDifference": -6796, "scope": "local-layout" }, { "selector": ".ant-dropdown", "category": "geometry", "field": "width", "expected": 124.05, "actual": 340, "difference": 215.95 }, { "selector": ".ant-dropdown", "category": "geometry", "field": "height", "expected": 40, "actual": 168, "difference": 128 }, { "selector": ".ant-dropdown", "category": "hit-testing", "expected": "span", "actual": "li" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "x", "expected": 942.95, "actual": -12796, "difference": -13738.95, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "y", "expected": 224, "actual": -6444, "difference": -6668, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "width", "expected": 116.05, "actual": 332, "difference": 215.95 }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "height", "expected": 32, "actual": 160, "difference": 128 }, { "selector": ".ant-dropdown-menu-item-danger", "category": "hit-testing", "expected": "span", "actual": "li" } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "width", "expected": "108.484px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-right-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-left-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "row-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "column-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "line-height", "expected": "normal", "actual": "1.571429" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "width", "expected": "124.047px", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "height", "expected": "40px", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "1px" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "1px" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "align-items", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "top", "expected": "220px", "actual": "-7200px" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "right", "expected": "217px", "actual": "13740px" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "bottom", "expected": "460px", "actual": "auto" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "left", "expected": "938.953px", "actual": "auto" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "z-index", "expected": "1050", "actual": "2" }, { "selector": ".ant-dropdown", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "box-sizing", "expected": "content-box", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "width", "expected": "92.0469px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "height", "expected": "22px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "border-top-width", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "border-right-width", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "border-left-width", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "justify-content", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "gap", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "row-gap", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "column-gap", "expected": "normal", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "" }, { "selector": ".ant-dropdown-menu-item-danger", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "expected": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app", "body" ], "actual": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ] }, { "selector": ".ant-dropdown", "expected": [ "span", "li", "ul", "div", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-list\"]", "[data-layout-key=\"task-list\"]", "[data-layout-key=\"task-list\"]" ], "actual": [ "li", "ul", "svg", "span", "div" ] }, { "selector": ".ant-dropdown-menu-item-danger", "expected": [ "span", "li", "ul", "div", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-list\"]", "[data-layout-key=\"task-list\"]", "[data-layout-key=\"task-list\"]" ], "actual": [ "li", "ul", "svg", "span", "div" ] } ] } }, { "id": "delete-dialog", "label": "Delete dialog open", "scores": { "coverage": 100, "geometry": 87.5, "visibility": 100, "hitTesting": 83.33, "hitStack": 0, "styleInputs": 31.16, "overall": 90.28 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52 }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "y", "expected": 624, "actual": 771.2, "difference": 147.2, "relativeDifference": 0, "scope": "ancestor-offset" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "hit-testing", "expected": "[data-layout-key=\"delete-dialog\"]", "actual": null } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "width", "expected": "108.484px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-right-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-left-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "row-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "column-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "line-height", "expected": "normal", "actual": "1.571429" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "position", "expected": "static", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "width", "expected": "1280px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "min-width", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "min-height", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "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": "1px" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "border-bottom-width", "expected": "0px", "actual": "1px" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "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": "visible", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "top", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "right", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "bottom", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "left", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "expected": [ "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div" ], "actual": [ "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ] }, { "selector": "[data-layout-key=\"delete-dialog\"]", "expected": [ "[data-layout-key=\"delete-dialog\"]", "[data-layout-key=\"delete-dialog\"]", "body", "html" ], "actual": [] } ] } }, { "id": "restored", "label": "Dialog dismissed", "scores": { "coverage": 100, "geometry": 91.67, "visibility": 100, "hitTesting": 100, "hitStack": 66.67, "styleInputs": 34.42, "overall": 97.22 }, "observations": 6, "stability": { "chromium": { "stable": true, "attempts": 2 }, "engine": { "stable": true, "attempts": 2 } }, "discrepancies": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52 } ], "diagnostics": { "styleInputDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "display", "expected": "flex", "actual": "inline-flex" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "width", "expected": "108.484px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-width", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "min-height", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-width", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "max-height", "expected": "none", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "margin-left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-right-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "border-left-width", "expected": "1px", "actual": "0px" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-direction", "expected": "row", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-grow", "expected": "0", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-shrink", "expected": "1", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-basis", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "flex-wrap", "expected": "nowrap", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "align-self", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "row-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "column-gap", "expected": "8px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-x", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "overflow-y", "expected": "visible", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "top", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "right", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "bottom", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "left", "expected": "0px", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "z-index", "expected": "auto", "actual": "2" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "pointer-events", "expected": "auto", "actual": "" }, { "selector": "[data-layout-key=\"add-task\"]", "category": "style-input", "field": "line-height", "expected": "normal", "actual": "1.571429" } ], "hitStackDifferences": [ { "selector": "[data-layout-key=\"add-task\"]", "expected": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app", "body" ], "actual": [ "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "[data-layout-key=\"task-workspace\"]", "div", "div#app" ] } ] } } ], "discrepancyGroups": [ { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "x", "expected": 983.52, "actual": 982, "difference": -1.52, "relativeDifference": -1.52, "scope": "local-layout", "occurrences": 7, "steps": [ "initial", "active-filter", "add-dialog", "task-added", "action-menu", "delete-dialog", "restored" ] }, { "selector": "[data-layout-key=\"add-task\"]", "category": "geometry", "field": "width", "expected": 108.48, "actual": 110, "difference": 1.52, "occurrences": 7, "steps": [ "initial", "active-filter", "add-dialog", "task-added", "action-menu", "delete-dialog", "restored" ] }, { "selector": ".ant-dropdown", "category": "geometry", "field": "x", "expected": 938.95, "actual": -12800, "difference": -13738.95, "relativeDifference": -13738.95, "scope": "local-layout", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown", "category": "geometry", "field": "y", "expected": 220, "actual": -6448, "difference": -6668, "relativeDifference": -6796, "scope": "local-layout", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown", "category": "geometry", "field": "width", "expected": 124.05, "actual": 340, "difference": 215.95, "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown", "category": "geometry", "field": "height", "expected": 40, "actual": 168, "difference": 128, "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown", "category": "hit-testing", "expected": "span", "actual": "li", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "x", "expected": 942.95, "actual": -12796, "difference": -13738.95, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "y", "expected": 224, "actual": -6444, "difference": -6668, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "width", "expected": 116.05, "actual": 332, "difference": 215.95, "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown-menu-item-danger", "category": "geometry", "field": "height", "expected": 32, "actual": 160, "difference": 128, "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": ".ant-dropdown-menu-item-danger", "category": "hit-testing", "expected": "span", "actual": "li", "occurrences": 1, "steps": [ "action-menu" ] }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "geometry", "field": "y", "expected": 624, "actual": 752, "difference": 128, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"add-dialog\"]", "category": "hit-testing", "expected": "[data-layout-key=\"add-dialog\"]", "actual": null, "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "geometry", "field": "y", "expected": 624, "actual": 771.2, "difference": 147.2, "relativeDifference": 0, "scope": "ancestor-offset", "occurrences": 1, "steps": [ "delete-dialog" ] }, { "selector": "[data-layout-key=\"delete-dialog\"]", "category": "hit-testing", "expected": "[data-layout-key=\"delete-dialog\"]", "actual": null, "occurrences": 1, "steps": [ "delete-dialog" ] }, { "selector": "[data-layout-key=\"task-list\"]", "category": "hit-testing", "expected": "[data-layout-key=\"add-dialog\"]", "actual": "[data-layout-key=\"task-description-input\"]", "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "geometry", "field": "y", "expected": 302, "actual": 272, "difference": -30, "relativeDifference": -30, "scope": "local-layout", "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"task-title-input\"]", "category": "geometry", "field": "height", "expected": 32, "actual": 23, "difference": -9, "occurrences": 1, "steps": [ "add-dialog" ] }, { "selector": "[data-layout-key=\"task-workspace\"]", "category": "hit-testing", "expected": "[data-layout-key=\"task-title-input\"]", "actual": "[data-layout-key=\"task-description-input\"]", "occurrences": 1, "steps": [ "add-dialog" ] } ], "unsupportedCss": { "unsupportedDeclarationCount": 70, "properties": [ { "property": "width", "declarations": 5, "occurrences": 5, "values": [ "var(--ant-modal-lg-width)", "var(--ant-modal-md-width)", "var(--ant-modal-sm-width)", "var(--ant-modal-xl-width)", "var(--ant-modal-xs-width)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-modal-root .ant-modal" ], "elements": [ "[data-layout-key=\"add-dialog\"]" ], "computedValues": [ "520px" ], "support": [ { "id": "box-sizing-and-dimensions", "effect": "layout", "status": "partial" } ], "priority": "observed-layout" }, { "property": "border", "declarations": 2, "occurrences": 2, "values": [ "var(--ant-btn-border-width) var(--ant-btn-border-style) var(--ant-btn-border-color)", "var(--ant-line-width) var(--ant-line-type) var(--ant-color-border)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-btn", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag" ], "elements": [ "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-1-menu-trigger\"]" ], "computedValues": [ "1px solid #d9d9d9", "1px solid transparent" ], "support": [ { "id": "box-model-spacing", "effect": "layout", "status": "partial" } ], "priority": "observed-layout" }, { "property": "font-size", "declarations": 1, "occurrences": 1, "values": [ "var(--ant-button-only-icon-size)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-btn.ant-btn-icon-only .anticon" ], "elements": [ "[data-layout-key=\"task-1-menu-trigger\"]" ], "computedValues": [ "inherit" ], "support": [ { "id": "text-measurement", "effect": "layout", "status": "partial" } ], "priority": "observed-layout" }, { "property": "vertical-align", "declarations": 1, "occurrences": 1, "values": [ "{\"type\":\"length\",\"value\":{\"type\":\"dimension\",\"value\":{\"unit\":\"em\",\"value\":-0.125}}}" ], "reasons": [ "unsupported-value" ], "selectors": [ ".anticon" ], "elements": [ "[data-layout-key=\"add-task\"]" ], "computedValues": [ "middle" ], "support": [ { "id": "table-html-elements", "effect": "layout", "status": "partial" } ], "priority": "observed-layout" }, { "property": "text-align", "declarations": 4, "occurrences": 6, "values": [ "center", "end", "left", "start" ], "reasons": [ "unknown-property" ], "selectors": [ ".anticon", ".filter-button", ":where(.css-dev-only-do-not-override-viwxw0).ant-btn", ":where(.css-dev-only-do-not-override-viwxw0).ant-list .ant-list-item .ant-list-item-action > li", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-footer", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"task-1\"]" ], "computedValues": [ "center", "end", "left", "start" ], "support": [], "priority": "observed-unclassified" }, { "property": "animation-duration", "declarations": 2, "occurrences": 3, "values": [ "var(--ant-motion-duration-mid)", "var(--ant-motion-duration-slow)" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-modal-root .ant-modal.ant-zoom-appear", ":where(.css-dev-only-do-not-override-viwxw0).ant-slide-up-appear", ":where(.css-dev-only-do-not-override-viwxw0).ant-zoom-appear" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "div.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-prepare" ], "computedValues": [ "0s" ], "support": [], "priority": "observed-unclassified" }, { "property": "animation-fill-mode", "declarations": 1, "occurrences": 2, "values": [ "[\"both\"]" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-slide-up-appear", ":where(.css-dev-only-do-not-override-viwxw0).ant-zoom-appear" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "div.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-prepare" ], "computedValues": [ "both" ], "support": [], "priority": "observed-unclassified" }, { "property": "animation-play-state", "declarations": 1, "occurrences": 2, "values": [ "[\"paused\"]" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-slide-up-appear", ":where(.css-dev-only-do-not-override-viwxw0).ant-zoom-appear" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "div.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-prepare" ], "computedValues": [ "paused" ], "support": [], "priority": "observed-unclassified" }, { "property": "animation-timing-function", "declarations": 2, "occurrences": 2, "values": [ "var(--ant-motion-ease-out-circ)", "var(--ant-motion-ease-out-quint)" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-slide-up-appear", ":where(.css-dev-only-do-not-override-viwxw0).ant-zoom-appear" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "div.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-prepare" ], "computedValues": [ "cubic-bezier(0.08, 0.82, 0.17, 1)", "cubic-bezier(0.23, 1, 0.32, 1)" ], "support": [], "priority": "observed-unclassified" }, { "property": "border-block-end", "declarations": 2, "occurrences": 2, "values": [ "var(--ant-line-width) var(--ant-line-type) var(--ant-color-split)", "{\"width\":{\"type\":\"medium\"},\"style\":\"none\",\"color\":{\"type\":\"currentcolor\"}}" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-list-split .ant-list-item", ":where(.css-dev-only-do-not-override-viwxw0).ant-list-split .ant-list-item:last-child" ], "elements": [ "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-3\"]" ], "computedValues": [ "1px solid rgba(5,5,5,0.06)", "none" ], "support": [], "priority": "observed-unclassified" }, { "property": "font-style", "declarations": 1, "occurrences": 2, "values": [ "{\"type\":\"normal\"}" ], "reasons": [ "unknown-property" ], "selectors": [ ".anticon", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-close-x" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-task\"]" ], "computedValues": [ "normal" ], "support": [], "priority": "observed-unclassified" }, { "property": "text-rendering", "declarations": 2, "occurrences": 2, "values": [ "auto", "optimizelegibility" ], "reasons": [ "unknown-property" ], "selectors": [ ".anticon", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-close-x" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-task\"]" ], "computedValues": [ "auto", "optimizeLegibility" ], "support": [], "priority": "observed-unclassified" }, { "property": "word-wrap", "declarations": 1, "occurrences": 2, "values": [ "break-word" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-body", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-title" ], "elements": [ "[data-layout-key=\"add-dialog\"]" ], "computedValues": [ "break-word" ], "support": [], "priority": "observed-unclassified" }, { "property": "-moz-osx-font-smoothing", "declarations": 1, "occurrences": 1, "values": [ "grayscale" ], "reasons": [ "unknown-property" ], "selectors": [ ".anticon" ], "elements": [ "[data-layout-key=\"add-task\"]" ], "computedValues": [ "grayscale" ], "support": [], "priority": "observed-unclassified" }, { "property": "-webkit-font-smoothing", "declarations": 1, "occurrences": 1, "values": [ "antialiased" ], "reasons": [ "unknown-property" ], "selectors": [ ".anticon" ], "elements": [ "[data-layout-key=\"add-task\"]" ], "computedValues": [ "antialiased" ], "support": [], "priority": "observed-unclassified" }, { "property": "-webkit-overflow-scrolling", "declarations": 1, "occurrences": 1, "values": [ "touch" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-modal-root .ant-modal-wrap" ], "elements": [ "[data-layout-key=\"add-dialog\"]" ], "computedValues": [ "touch" ], "support": [], "priority": "observed-unclassified" }, { "property": "word-break", "declarations": 1, "occurrences": 1, "values": [ "break-word" ], "reasons": [ "unknown-property" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-typography" ], "elements": [ "[data-layout-key=\"sidebar\"]" ], "computedValues": [ "break-word" ], "support": [], "priority": "observed-unclassified" }, { "property": "selector", "declarations": 9, "occurrences": 9, "values": [ "{\"type\":\"pseudo-class\",\"kind\":\"has\",\"selectors\":[[{\"type\":\"pseudo-class\",\"kind\":\"scope\"},{\"type\":\"combinator\",\"value\":\"later-sibling\"},{\"type\":\"class\",\"name\":\"ant-tooltip-unique-container\"}]]}", "{\"type\":\"pseudo-class\",\"kind\":\"scope\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-ms-reveal\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-webkit-search-cancel-button\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-webkit-search-decoration\"}", "{\"type\":\"pseudo-element\",\"kind\":\"first-letter\"}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[\"moz\"]}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[]}", "{\"type\":\"pseudo-element\",\"kind\":\"webkit-scrollbar\",\"value\":\"scrollbar\"}" ], "reasons": [ "unsupported-rule" ], "selectors": [ "{\"type\":\"pseudo-class\",\"kind\":\"has\",\"selectors\":[[{\"type\":\"pseudo-class\",\"kind\":\"scope\"},{\"type\":\"combinator\",\"value\":\"later-sibling\"},{\"type\":\"class\",\"name\":\"ant-tooltip-unique-container\"}]]}", "{\"type\":\"pseudo-class\",\"kind\":\"scope\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-ms-reveal\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-webkit-search-cancel-button\"}", "{\"type\":\"pseudo-element\",\"kind\":\"custom\",\"name\":\"-webkit-search-decoration\"}", "{\"type\":\"pseudo-element\",\"kind\":\"first-letter\"}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[\"moz\"]}", "{\"type\":\"pseudo-element\",\"kind\":\"placeholder\",\"vendorPrefix\":[]}", "{\"type\":\"pseudo-element\",\"kind\":\"webkit-scrollbar\",\"value\":\"scrollbar\"}" ], "elements": [], "computedValues": [], "support": [], "priority": "unclassified" }, { "property": "@media", "declarations": 2, "occurrences": 2, "values": [ "{\"mediaQueries\":[{\"qualifier\":null,\"mediaType\":\"all\",\"condition\":{\"type\":\"feature\",\"value\":{\"type\":\"plain\",\"name\":\"prefers-reduced-motion\",\"value\":{\"type\":\"ident\",\"value\":\"reduce\"}}}}]}", "{\"mediaQueries\":[{\"qualifier\":null,\"mediaType\":\"all\",\"condition\":{\"type\":\"operation\",\"operator\":\"and\",\"conditions\":[{\"type\":\"feature\",\"value\":{\"type\":\"plain\",\"name\":\"hover\",\"value\":{\"type\":\"ident\",\"value\":\"none\"}}},{\"type\":\"feature\",\"value\":{\"type\":\"plain\",\"name\":\"pointer\",\"value\":{\"type\":\"ident\",\"value\":\"coarse\"}}}]}}]}" ], "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": "color", "declarations": 12, "occurrences": 28, "values": [ "var(--ant-blue-7)", "var(--ant-btn-text-color)", "var(--ant-color-error)", "var(--ant-color-icon)", "var(--ant-color-text)", "var(--ant-color-text-description)", "var(--ant-color-text-disabled)", "var(--ant-color-text-heading)", "var(--ant-green-7)", "var(--ant-modal-title-color)", "var(--ant-tag-default-color)", "var(--ant-wave-color, var(--ant-color-primary))" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-app", ":where(.css-dev-only-do-not-override-viwxw0).ant-btn", ":where(.css-dev-only-do-not-override-viwxw0).ant-btn:disabled", ":where(.css-dev-only-do-not-override-viwxw0).ant-dropdown", ":where(.css-dev-only-do-not-override-viwxw0).ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item", ":where(.css-dev-only-do-not-override-viwxw0).ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:not(.ant-dropdown-menu-item-disabled)", ":where(.css-dev-only-do-not-override-viwxw0).ant-input", ":where(.css-dev-only-do-not-override-viwxw0).ant-layout-content", ":where(.css-dev-only-do-not-override-viwxw0).ant-list", ":where(.css-dev-only-do-not-override-viwxw0).ant-list .ant-list-item", ":where(.css-dev-only-do-not-override-viwxw0).ant-list .ant-list-item .ant-list-item-action > li", ":where(.css-dev-only-do-not-override-viwxw0).ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-content", ":where(.css-dev-only-do-not-override-viwxw0).ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-description", ":where(.css-dev-only-do-not-override-viwxw0).ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-close", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-header", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-title", ":where(.css-dev-only-do-not-override-viwxw0).ant-spin", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag.ant-tag-blue:not(.ant-tag-disabled).ant-tag-filled", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag.ant-tag-green:not(.ant-tag-disabled).ant-tag-filled", ":where(.css-dev-only-do-not-override-viwxw0).ant-typography", ":where(.css-dev-only-do-not-override-viwxw0).ant-typography.ant-typography-secondary", ":where(.css-dev-only-do-not-override-viwxw0).ant-wave", "h2:where(.css-dev-only-do-not-override-viwxw0).ant-typography", "h4:where(.css-dev-only-do-not-override-viwxw0).ant-typography" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-submit\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"filter-all\"]", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-3\"]", "[data-layout-key=\"task-list\"]", "[data-layout-key=\"task-title-input\"]", "[data-layout-key=\"task-workspace\"]", "div.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-prepare", "div.css-dev-only-do-not-override-viwxw0.ant-app.css-var-_r_0_", "li.ant-dropdown-menu-item.ant-dropdown-menu-item-danger" ], "computedValues": [ "#1677ff", "#d48806", "#faad14", "#ff4d4f", "rgba(0, 0, 0, 0.25)", "rgba(0, 0, 0, 0.45)", "rgba(0, 0, 0, 0.88)" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" }, { "property": "background-color", "declarations": 7, "occurrences": 8, "values": [ "var(--ant-blue-1)", "var(--ant-btn-bg-color)", "var(--ant-color-bg-elevated)", "var(--ant-color-bg-mask)", "var(--ant-green-1)", "var(--ant-modal-content-bg)", "var(--ant-tag-default-bg)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-btn", ":where(.css-dev-only-do-not-override-viwxw0).ant-dropdown .ant-dropdown-menu", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-container", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal-root .ant-modal-mask", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag-filled", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag.ant-tag-blue:not(.ant-tag-disabled).ant-tag-filled", ":where(.css-dev-only-do-not-override-viwxw0).ant-tag.ant-tag-green:not(.ant-tag-disabled).ant-tag-filled" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-1\"]", "[data-layout-key=\"task-3\"]", "ul.ant-dropdown-menu.ant-dropdown-menu-root.ant-dropdown-menu-vertical" ], "computedValues": [ "#1677ff", "#fffbe6", "#ffffff", "rgba(0, 0, 0, 0.45)" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" }, { "property": "background", "declarations": 4, "occurrences": 5, "values": [ "var(--ant-btn-bg-color-disabled)", "var(--ant-color-bg-container)", "var(--ant-layout-body-bg)", "var(--ant-layout-sider-bg)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-btn:disabled", ":where(.css-dev-only-do-not-override-viwxw0).ant-input-outlined", ":where(.css-dev-only-do-not-override-viwxw0).ant-layout", ":where(.css-dev-only-do-not-override-viwxw0).ant-layout-sider", ":where(.css-dev-only-do-not-override-viwxw0).ant-spin .ant-spin-container::after" ], "elements": [ "[data-layout-key=\"add-submit\"]", "[data-layout-key=\"sidebar\"]", "[data-layout-key=\"task-list\"]", "[data-layout-key=\"task-title-input\"]", "[data-layout-key=\"task-workspace\"]" ], "computedValues": [ "#f7f9fc", "#fff", "#ffffff", "rgba(0, 0, 0, 0.04)" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" }, { "property": "box-shadow", "declarations": 3, "occurrences": 4, "values": [ "var(--ant-box-shadow)", "var(--ant-box-shadow-secondary)", "var(--ant-btn-shadow)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-btn.ant-btn-variant-outlined", ":where(.css-dev-only-do-not-override-viwxw0).ant-btn.ant-btn-variant-solid", ":where(.css-dev-only-do-not-override-viwxw0).ant-dropdown .ant-dropdown-menu", ":where(.css-dev-only-do-not-override-viwxw0).ant-modal .ant-modal-container" ], "elements": [ "[data-layout-key=\"add-dialog\"]", "[data-layout-key=\"add-task\"]", "[data-layout-key=\"task-1-menu-trigger\"]", "ul.ant-dropdown-menu.ant-dropdown-menu-root.ant-dropdown-menu-vertical" ], "computedValues": [ "0 2px 0 rgba(0,0,0,0.02)", "0 2px 0 rgba(5,145,255,0.1)", "0 6px 16px 0 rgba(0,0,0,0.08),\n 0 3px 6px -4px rgba(0,0,0,0.12),\n 0 9px 28px 8px rgba(0,0,0,0.05)" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" }, { "property": "border-color", "declarations": 2, "occurrences": 2, "values": [ "var(--ant-button-border-color-disabled)", "var(--ant-color-border)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-btn:disabled", ":where(.css-dev-only-do-not-override-viwxw0).ant-input-outlined" ], "elements": [ "[data-layout-key=\"add-submit\"]", "[data-layout-key=\"task-title-input\"]" ], "computedValues": [ "#d9d9d9", "transparent transparent #faad14" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" }, { "property": "outline", "declarations": 1, "occurrences": 1, "values": [ "var(--ant-line-width-focus) solid var(--ant-color-primary-border)" ], "reasons": [ "unsupported-value" ], "selectors": [ ":where(.css-dev-only-do-not-override-viwxw0).ant-modal:focus-visible" ], "elements": [ "[data-layout-key=\"add-dialog\"]" ], "computedValues": [ "0px" ], "support": [ { "id": "visual-only", "effect": "visual-ignored", "status": "partial" } ], "priority": "visual-or-inert" } ] } }