display past-due tasks due today

src/components/pages/Tasks.spec.tsx

@@ -611,4 +611,16 @@ describe('tasks page', () => {
 			);
 		});
 	});
+
+	it('displays task that is due in past but on same date', async () => {
+		vi.setSystemTime(new Date('1/1/2020, 2:00 PM'));
+
+		loadTasksApiData({
+			tasks: [makeTask({ task: 'the_task', due: '1/1/2020, 1:00 PM' })],
+		});
+
+		renderTasksPage();
+
+		await screen.findByText('the_task');
+	});
 });

src/lib/Browser.tsx

@@ -89,6 +89,12 @@ export class Browser {
 	getScrollPercentage(el: Element): number {
 		return el.scrollTop / (el.scrollHeight - el.clientHeight);
 	}
+
+	getLastMidnight(date: Date): Date {
+		const d = new Date(date);
+		d.setHours(0, 0, 0, 0);
+		return d;
+	}
 }
 
 const browser = new Browser();

src/lib/createListItems.tsx

@@ -20,12 +20,13 @@ export default function createListItems(
 	newTaskIndex: number | undefined;
 } {
 	const now = browser.getNowDate();
+	const lastMidnight = browser.getLastMidnight(now);
 
 	let lastTitle: string;
 	let newTaskIndex: number | undefined = undefined;
 
 	const entries = sortedTasks.reduce((acc: Entries, t: TaskType): Entries => {
-		if (new Date(t.due) < now) return acc;
+		if (new Date(t.due) < lastMidnight) return acc;
 
 		const title = makeTitle(t);
 		const shouldAddHeading = title !== lastTitle || !acc.length;