fix(SEC-WEB-32+34): Add input maxLength limits + API request timeout
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
SEC-WEB-32: Added maxLength to form inputs (names: 100, descriptions: 500, emails: 254) in WorkspaceSettings, TeamSettings, InviteMember components. SEC-WEB-34: Added AbortController timeout (30s default, configurable) to apiRequest and apiPostFormData in API client. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
43
apps/web/src/components/team/TeamSettings.test.tsx
Normal file
43
apps/web/src/components/team/TeamSettings.test.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
import { describe, it, expect, vi, beforeEach } from "vitest";
|
||||
import { render, screen } from "@testing-library/react";
|
||||
import { TeamSettings } from "./TeamSettings";
|
||||
|
||||
const defaultTeam = {
|
||||
id: "team-1",
|
||||
name: "Test Team",
|
||||
description: "A test team",
|
||||
workspaceId: "ws-1",
|
||||
metadata: {},
|
||||
createdAt: new Date("2026-01-01"),
|
||||
updatedAt: new Date("2026-01-01"),
|
||||
};
|
||||
|
||||
describe("TeamSettings", (): void => {
|
||||
const mockOnUpdate = vi.fn<(data: { name?: string; description?: string }) => Promise<void>>();
|
||||
const mockOnDelete = vi.fn<() => Promise<void>>();
|
||||
|
||||
beforeEach((): void => {
|
||||
mockOnUpdate.mockReset();
|
||||
mockOnDelete.mockReset();
|
||||
mockOnUpdate.mockResolvedValue(undefined);
|
||||
mockOnDelete.mockResolvedValue(undefined);
|
||||
});
|
||||
|
||||
describe("maxLength limits", (): void => {
|
||||
it("should have maxLength of 100 on team name input", (): void => {
|
||||
const team = defaultTeam;
|
||||
render(<TeamSettings team={team} onUpdate={mockOnUpdate} onDelete={mockOnDelete} />);
|
||||
|
||||
const nameInput = screen.getByPlaceholderText("Enter team name");
|
||||
expect(nameInput).toHaveAttribute("maxLength", "100");
|
||||
});
|
||||
|
||||
it("should have maxLength of 500 on team description textarea", (): void => {
|
||||
const team = defaultTeam;
|
||||
render(<TeamSettings team={team} onUpdate={mockOnUpdate} onDelete={mockOnDelete} />);
|
||||
|
||||
const descriptionInput = screen.getByPlaceholderText("Enter team description (optional)");
|
||||
expect(descriptionInput).toHaveAttribute("maxLength", "500");
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -74,6 +74,7 @@ export function TeamSettings({ team, onUpdate, onDelete }: TeamSettingsProps): R
|
||||
setIsEditing(true);
|
||||
}}
|
||||
placeholder="Enter team name"
|
||||
maxLength={100}
|
||||
fullWidth
|
||||
disabled={isSaving}
|
||||
/>
|
||||
@@ -85,6 +86,7 @@ export function TeamSettings({ team, onUpdate, onDelete }: TeamSettingsProps): R
|
||||
setIsEditing(true);
|
||||
}}
|
||||
placeholder="Enter team description (optional)"
|
||||
maxLength={500}
|
||||
fullWidth
|
||||
disabled={isSaving}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user