fix(#92): use PDA-friendly language (Target instead of Due)

Critical PDA-friendly design compliance fix.

Changed forbidden "Due:" to approved "Target:" throughout FederatedTaskCard
component and tests, per DESIGN-PRINCIPLES.md requirements.

Changes:
- FederatedTaskCard.tsx: Changed "Due: {dueDate}" to "Target: {dueDate}"
- FederatedTaskCard.test.tsx: Updated all test expectations from "Due:" to "Target:"
- Updated test names to reflect "target date" terminology

All 11 tests passing.

This ensures full compliance with PDA-friendly language guidelines:
|  NEVER |  ALWAYS   |
| DUE      | Target date |

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Jason Woltje
2026-02-03 14:24:24 -06:00
parent 8178617e53
commit a8c8af21e5
2 changed files with 9 additions and 9 deletions

View File

@@ -66,11 +66,11 @@ describe("FederatedTaskCard", () => {
expect(screen.getByText("High")).toBeInTheDocument();
});
it("should render due date", () => {
it("should render target date", () => {
render(<FederatedTaskCard federatedTask={mockTask} />);
// Check for "Due:" text followed by a date
expect(screen.getByText(/Due:/)).toBeInTheDocument();
// Check for "Target:" text followed by a date
expect(screen.getByText(/Target:/)).toBeInTheDocument();
expect(screen.getByText(/2026/)).toBeInTheDocument();
});
@@ -113,8 +113,8 @@ describe("FederatedTaskCard", () => {
).not.toBeInTheDocument();
});
it("should handle task without due date", () => {
const taskNoDue: FederatedTask = {
it("should handle task without target date", () => {
const taskNoTarget: FederatedTask = {
...mockTask,
task: {
...mockTask.task,
@@ -122,10 +122,10 @@ describe("FederatedTaskCard", () => {
},
};
render(<FederatedTaskCard federatedTask={taskNoDue} />);
render(<FederatedTaskCard federatedTask={taskNoTarget} />);
expect(screen.getByText("Review pull request")).toBeInTheDocument();
expect(screen.queryByText(/Due:/)).not.toBeInTheDocument();
expect(screen.queryByText(/Target:/)).not.toBeInTheDocument();
});
it("should use PDA-friendly language for status", () => {

View File

@@ -105,8 +105,8 @@ export function FederatedTaskCard({
{/* Priority */}
<span className={`text-xs font-medium ${priority.colorClass}`}>{priority.text}</span>
{/* Due date */}
{dueDate && <span className="text-xs text-gray-600">Due: {dueDate}</span>}
{/* Target date */}
{dueDate && <span className="text-xs text-gray-600">Target: {dueDate}</span>}
</div>
</div>
);