Add vitests

1 files changed, 29 insertions, 0 deletions

diff --git a/client/src/components/GuestLogin.test.tsx b/client/src/components/GuestLogin.test.tsx
new file mode 100644
index 0000000..b31a00a
--- /dev/null
+++ b/client/src/components/GuestLogin.test.tsx
@@ -0,0 +1,29 @@
+import '@testing-library/jest-dom';
+import React from 'react';
+import { fireEvent } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it } from 'vitest';
+import { createMemoryRouter, RouterProvider } from 'react-router-dom';
+import { renderWithProviders } from '../renderWithProviders';
+import routes from '../routes';
+
+describe('Guest Login', async () => {
+  const memoryRouter = createMemoryRouter(routes, {
+    initialEntries: ['/guests/login'],
+  });
+  it('can log in', async () => {
+    const { getByLabelText, getByRole, findByLabelText } = renderWithProviders(
+      <RouterProvider router={memoryRouter} />
+    );
+    const user = userEvent.setup();
+
+    await user.type(getByLabelText(/first name/i), 'Michael');
+    await user.type(getByLabelText(/last name/i), 'Hunteman');
+    fireEvent.click(getByRole('button', { name: 'Log in' }));
+    expect(await findByLabelText(/accept/i)).not.toBeChecked();
+    expect(await findByLabelText(/decline/i)).toBeChecked();
+    expect(await findByLabelText(/email/i)).toHaveValue('');
+    expect(await findByLabelText(/party size/i)).toHaveValue(1);
+    expect(await findByLabelText(/message to the couple/i)).toHaveValue('');
+  });
+});