mirror of
https://github.com/KuekHaoYang/KVideo.git
synced 2026-08-17 17:53:43 +08:00
kuekhaoyang
3dfcc6565d
- Implemented HistoryEmptyState component for displaying when no viewing history exists. - Created HistoryItem component to represent individual watch history items with video details and delete functionality. - Developed MovieCard component to display individual movie details including poster, title, and rating. - Added MovieGrid component for displaying a grid of movie cards with infinite scroll capabilities. - Introduced TagManager component for managing custom tags with creation, deletion, and filtering functionalities. - Created TypeBadgeItem and TypeBadgeList components for displaying selectable badges with counts. - Added custom hook useInfiniteScroll for managing infinite scroll behavior. - Implemented contrast testing script to ensure WCAG compliance for UI components.
75 lines
1.7 KiB
JSON
75 lines
1.7 KiB
JSON
{
|
|
"timestamp": "2025-11-18T06:40:11.559Z",
|
|
"tests": [
|
|
{
|
|
"component": "Badge",
|
|
"variant": "Primary (Light)",
|
|
"foreground": "white",
|
|
"background": "#0056b3",
|
|
"ratio": 7.042135266678601,
|
|
"passAA": true,
|
|
"passAAA": true
|
|
},
|
|
{
|
|
"component": "Badge",
|
|
"variant": "Primary (Dark)",
|
|
"foreground": "white",
|
|
"background": "#1A6DBF",
|
|
"ratio": 5.271486985034207,
|
|
"passAA": true,
|
|
"passAAA": false
|
|
},
|
|
{
|
|
"component": "Badge",
|
|
"variant": "Secondary (Light)",
|
|
"foreground": "#1d1d1f",
|
|
"background": "#f2f2f7",
|
|
"ratio": 15.082365216973475,
|
|
"passAA": true,
|
|
"passAAA": true,
|
|
"notes": "Glass background approximated as solid color"
|
|
},
|
|
{
|
|
"component": "Button",
|
|
"variant": "Primary (Light)",
|
|
"foreground": "white",
|
|
"background": "#0056b3",
|
|
"ratio": 7.042135266678601,
|
|
"passAA": true,
|
|
"passAAA": true
|
|
},
|
|
{
|
|
"component": "Button",
|
|
"variant": "Secondary (Light)",
|
|
"foreground": "#1d1d1f",
|
|
"background": "#f2f2f7",
|
|
"ratio": 15.082365216973475,
|
|
"passAA": true,
|
|
"passAAA": true
|
|
},
|
|
{
|
|
"component": "TypeBadges",
|
|
"variant": "Selected (Light)",
|
|
"foreground": "white",
|
|
"background": "#0056b3",
|
|
"ratio": 7.042135266678601,
|
|
"passAA": true,
|
|
"passAAA": true
|
|
},
|
|
{
|
|
"component": "TypeBadges",
|
|
"variant": "Unselected (Light)",
|
|
"foreground": "#1d1d1f",
|
|
"background": "#f2f2f7",
|
|
"ratio": 15.082365216973475,
|
|
"passAA": true,
|
|
"passAAA": true
|
|
}
|
|
],
|
|
"summary": {
|
|
"total": 7,
|
|
"passedAA": 7,
|
|
"passedAAA": 6,
|
|
"failedAA": 0
|
|
}
|
|
} |