Stevan/groundsforsupport.stevanfreeborn.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use proper user event

Browse Source
This commit is contained in:
Stevan Freeborn
2025-12-26 06:30:16 -06:00
parent 901d5a6387
commit 7a7222baa7
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/GroundsForSupport.Client/eslint.config.js
+1 -1
View File
@@ -7,7 +7,7 @@ import eslintConfigPrettier from 'eslint-config-prettier';
import { defineConfig, globalIgnores } from 'eslint/config'; import { defineConfig, globalIgnores } from 'eslint/config';
export default defineConfig([ export default defineConfig([
globalIgnores(['dist']), globalIgnores(['dist', 'node_modules', 'coverage']),
{ {
rules: { rules: {
'@typescript-eslint/no-floating-promises': 'error', '@typescript-eslint/no-floating-promises': 'error',
src/GroundsForSupport.Client/tests/App.spec.tsx
+18 -18
View File
@@ -5,12 +5,6 @@ import '@testing-library/jest-dom';
import userEvent, { type UserEvent } from '@testing-library/user-event'; import userEvent, { type UserEvent } from '@testing-library/user-event';
describe('profile info', () => { describe('profile info', () => {
let user: UserEvent;
beforeEach(() => {
user = userEvent.setup();
});
test('it should display a profile image', () => { test('it should display a profile image', () => {
const screen = render(<App />); const screen = render(<App />);
@@ -29,6 +23,12 @@ describe('profile info', () => {
}); });
describe('form', () => { describe('form', () => {
let user: UserEvent;
beforeEach(() => {
user = userEvent.setup();
});
test('it should have an amount input', () => { test('it should have an amount input', () => {
const screen = render(<App />); const screen = render(<App />);
@@ -58,7 +58,7 @@ describe('form', () => {
const submitButton = screen.getByRole('button', { name: 'Buy' }); const submitButton = screen.getByRole('button', { name: 'Buy' });
await userEvent.click(submitButton); await user.click(submitButton);
const errorMessage = screen.getByText('Please enter a valid amount greater than 0.'); const errorMessage = screen.getByText('Please enter a valid amount greater than 0.');
expect(errorMessage).toBeInTheDocument(); expect(errorMessage).toBeInTheDocument();
@@ -70,7 +70,7 @@ describe('form', () => {
const amountInput = screen.getByLabelText('Amount'); const amountInput = screen.getByLabelText('Amount');
const submitButton = screen.getByRole('button', { name: 'Buy' }); const submitButton = screen.getByRole('button', { name: 'Buy' });
await userEvent.click(submitButton); await user.click(submitButton);
let errorMessage = screen.queryByText('Please enter a valid amount greater than 0.'); let errorMessage = screen.queryByText('Please enter a valid amount greater than 0.');
expect(errorMessage).toBeInTheDocument(); expect(errorMessage).toBeInTheDocument();
@@ -90,8 +90,8 @@ describe('form', () => {
const amountInput = screen.getByLabelText('Amount'); const amountInput = screen.getByLabelText('Amount');
const submitButton = screen.getByRole('button', { name: 'Buy' }); const submitButton = screen.getByRole('button', { name: 'Buy' });
await userEvent.type(amountInput, '10'); await user.type(amountInput, '10');
await userEvent.click(submitButton); await user.click(submitButton);
expect(windowSpy).toHaveBeenCalledWith('Form is valid! Amount: 10, Email: '); expect(windowSpy).toHaveBeenCalledWith('Form is valid! Amount: 10, Email: ');
}); });
@@ -103,9 +103,9 @@ describe('form', () => {
const emailInput = screen.getByLabelText('Email'); const emailInput = screen.getByLabelText('Email');
const submitButton = screen.getByRole('button', { name: 'Buy' }); const submitButton = screen.getByRole('button', { name: 'Buy' });
await userEvent.type(amountInput, '10'); await user.type(amountInput, '10');
await userEvent.type(emailInput, 'invalid-email'); await user.type(emailInput, 'invalid-email');
await userEvent.click(submitButton); await user.click(submitButton);
const errorMessage = screen.getByText('Please enter a valid email address.'); const errorMessage = screen.getByText('Please enter a valid email address.');
expect(errorMessage).toBeInTheDocument(); expect(errorMessage).toBeInTheDocument();
@@ -118,15 +118,15 @@ describe('form', () => {
const emailInput = screen.getByLabelText('Email'); const emailInput = screen.getByLabelText('Email');
const submitButton = screen.getByRole('button', { name: 'Buy' }); const submitButton = screen.getByRole('button', { name: 'Buy' });
await userEvent.type(amountInput, '10'); await user.type(amountInput, '10');
await userEvent.type(emailInput, 'invalid-email'); await user.type(emailInput, 'invalid-email');
await userEvent.click(submitButton); await user.click(submitButton);
let errorMessage = screen.queryByText('Please enter a valid email address.'); let errorMessage = screen.queryByText('Please enter a valid email address.');
expect(errorMessage).toBeInTheDocument(); expect(errorMessage).toBeInTheDocument();
await userEvent.clear(emailInput); await user.clear(emailInput);
await userEvent.type(emailInput, 'test@test.com'); await user.type(emailInput, 'test@test.com');
errorMessage = screen.queryByText('Please enter a valid email address.'); errorMessage = screen.queryByText('Please enter a valid email address.');
expect(errorMessage).not.toBeInTheDocument(); expect(errorMessage).not.toBeInTheDocument();