a very good jj gui
chore: add data attributes to UI components for testing
Add data-* attributes to various components for easier testing and debugging:
- ChangedFilesList: data-focused, data-checked, data-file-path
- DiffPanel: data-selected, data-file-path
- RevisionGraph: data-focused, data-selected, data-checked, data-expanded,
data-change-id on revision cards; data-focused, data-stack-id on stacks
+5
+3
apps/desktop/src/components/ChangedFilesList.tsx
+3
apps/desktop/src/components/ChangedFilesList.tsx
···
68
68
"hover:bg-muted/50",
69
69
isFocused && "bg-muted text-foreground",
70
70
)}
71
+
data-focused={isFocused || undefined}
72
+
data-checked={isChecked || undefined}
73
+
data-file-path={file.path}
71
74
onClick={onClick}
72
75
onKeyDown={(e) => {
73
76
if (e.key === "Enter" || e.key === " ") {
+2
apps/desktop/src/components/DiffPanel.tsx
+2
apps/desktop/src/components/DiffPanel.tsx
···
113
113
className={`border rounded-lg overflow-hidden ${
114
114
isSelected ? "border-accent-foreground border-2" : "border-border"
115
115
}`}
116
+
data-selected={isSelected || undefined}
117
+
data-file-path={filePath}
116
118
>
117
119
<div
118
120
className={`flex items-center gap-2 px-2 py-1.5 border-b ${