←
TRCKR-222
Created: 2025-12-09
•
Updated: 2025-12-16
Relationships
Loading...
Attachments
Loading...
Comments (1)
agent
·
2025-12-10
Added data-testid attributes to all HTMX interface elements for Playwright testing.
## Changes Made
Added data-testid attributes to all interactive elements across all templates:
### Navigation (base.html)
- Navigation tabs: issues, projects, milestones, documents, labels, tags, comments, attachments
- Settings button, help link, sync status indicator
- Logo link
### List Views
- Issues: search input, status/project/priority/milestone/label filters, clear filters button, create button, count display
- Projects: search input, tag filter/clear, create button, count display
- Milestones: search input, create button, count display
- Documents: search input, type/tag filters, create button, count display
- Comments: search input, type/author filters, count display
- Labels: search input, count display
- Tags: search input, count display
- Attachments: search input, type/file filters, create button, count display
### Tables (partials)
- All table containers with unique IDs
- All table headers with column IDs
- All table rows with row IDs based on entity identifier
- All table cells with cell IDs
- Empty state messages
- Entity-specific elements (labels, tags, links) with unique IDs
### Modal Forms
- Issue Form: modal overlay, title, close button, all inputs (title, description, status, priority, project, milestone, labels, assignee), cancel/submit buttons
- Project Form: modal overlay, title, close button, all inputs (name, key, description, status, owner, tags), cancel/submit buttons
- Milestone Form: modal overlay, title, close button, all inputs (name, description, status, due date, project), cancel/submit buttons
- Document Form: modal overlay, title, close button, all inputs (title, type, owner ID, tags, body), cancel/submit buttons
## Naming Convention
Consistent pattern: entity-action or entity-element-field
- Buttons: entity-create-btn, entity-submit-btn, entity-cancel-btn
- Inputs: entity-field-input, entity-field-select, entity-field-filter
- Tables: entitys-table, entity-row-id, entity-cell-column
- Headers: entity-header-column
## Verification
- 19 template files updated (231 insertions, 204 deletions)
- All navigation elements tagged
- All form inputs tagged
- All table elements tagged
- All buttons tagged
- No Python code changes - purely HTML template updates
- Ready for Playwright E2E test implementation
## Files Modified
server/templates/base.html
server/templates/issues.html
server/templates/projects.html
server/templates/milestones.html
server/templates/documents.html
server/templates/comments.html
server/templates/labels.html
server/templates/tags.html
server/templates/attachments.html
server/templates/modals/issue_form.html
server/templates/modals/project_form.html
server/templates/modals/milestone_form.html
server/templates/modals/document_form.html
server/templates/partials/issues_table.html
server/templates/partials/projects_table.html
server/templates/partials/milestones_table.html
server/templates/partials/documents_table.html
server/templates/partials/comments_table.html
server/templates/partials/attachments_table.html