work on archive page

global-setup.ts

@@ -24,6 +24,10 @@ vi.mock('@mui/x-date-pickers');
 vi.mock('./src/lib/api/getTimezones');
 vi.mock('./src/lib/api/getCheckoutSession');
 vi.mock('./src/lib/stripe');
+vi.mock('./src/lib/api/getTasks');
+vi.mock('./src/lib/api/getMe');
+vi.mock('./src/lib/api/updateTask');
+vi.mock('./src/lib/api/addTask');
 
 global.scrollTo = vi.fn() as any;
 

src/App.tsx

@@ -128,7 +128,7 @@ export function App(): JSX.Element {
 								path={'/'}
 								element={
 									<Authenticated>
-										<Tasks lastToday={lastToday} />
+										<Tasks />
 									</Authenticated>
 								}
 							/>

src/components/pages/Archive.spec.tsx

@@ -0,0 +1,25 @@
+import { vi, Mock, describe, it, expect, beforeEach } from 'vitest';
+import { renderWithQueryProvider } from '../../lib/test/renderWithQueryProvider';
+import Archive from './Archive';
+import React from 'react';
+import { loadTasksApiData } from '../../lib/test/loadTasksApiData';
+import { makeTask } from '../../lib/test/makeTask';
+import { screen } from '@testing-library/react';
+
+describe('Archive', () => {
+	it('should render', () => {
+		renderWithQueryProvider(<Archive />);
+	});
+
+	// it('lists old tasks', () => {
+	// 	vi.setSystemTime(new Date('2021-01-01T00:00:00.000Z'));
+
+	// 	loadTasksApiData({
+	// 		tasks: [makeTask({ id: 'old_task', due: '2020-12-31T00:00:00.000Z' })],
+	// 	});
+
+	// 	renderWithQueryProvider(<Archive />);
+
+	// 	expect(screen.getByText('old_task')).toBeInTheDocument();
+	// });
+});

src/components/pages/Archive.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function Archive(): JSX.Element {
+	return <>Archive</>;
+}

src/components/pages/Tasks.spec.tsx

@@ -55,7 +55,7 @@ const expectTaskSave = async ({
 };
 
 const renderTasksPage = () => {
-	const view = renderWithQueryProvider(<Tasks lastToday={undefined} />);
+	const view = renderWithQueryProvider(<Tasks />);
 
 	return {
 		openForm: async () => {

tsconfig.node.json

@@ -5,5 +5,5 @@
 		"moduleResolution": "Node",
 		"allowSyntheticDefaultImports": true
 	},
-	"include": ["vite.config.ts", ".eslintrc.js"]
+	"include": ["vite.config.ts", "vitest.config.ts", ".eslintrc.js"]
 }

vite.config.ts

@@ -1,16 +1,9 @@
-/// <reference types="vitest" />
-import { defineConfig } from 'vitest/config';
+import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import { visualizer } from 'rollup-plugin-visualizer';
 
 export default defineConfig({
 	plugins: [react(), visualizer()],
-	test: {
-		environment: 'jsdom',
-		setupFiles: ['./global-setup.ts'],
-		clearMocks: true,
-		reporters: 'dot',
-	},
 	build: {
 		rollupOptions: {
 			output: {

vitest.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+	plugins: [react()],
+	test: {
+		environment: 'jsdom',
+		setupFiles: ['./global-setup.ts'],
+		clearMocks: true,
+		reporters: 'dot',
+	},
+});