?
TRCKR-222
web testing
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