CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix ESLint errors

Browse Source
This commit is contained in:
adilallo
2026-01-28 11:38:38 -07:00
parent 2e027f5bb2
commit 6b8d646f8a
82 changed files with 217 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/blog/[slug]/page.tsx
+5 -1
View File
@@ -162,7 +162,11 @@ export default async function BlogPostPage({ params }: PageProps) {
return scoredPosts
.sort((a, b) => b.score - a.score)
.slice(0, limit)
.map(({ score, ...post }) => post); // Remove score from final result
.map(({ score, ...post }) => {
// Score used for sorting, removed from final result
void score;
return post;
});
};
const relatedArticles = getRelatedArticles(post, allPosts);
app/components/AskOrganizer.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ interface AskOrganizerProps {
buttonHref?: string;
className?: string;
variant?: "centered" | "left-aligned" | "compact" | "inverse";
onContactClick?: (data: {
onContactClick?: (_data: {
event: string;
component: string;
variant: string;
app/components/Button.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
disabled?: boolean;
type?: "button" | "submit" | "reset";
onClick?: (
e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,
_e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,
) => void;
href?: string;
target?: string;
app/components/Checkbox.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ interface CheckboxProps {
disabled?: boolean;
label?: string;
className?: string;
onChange?: (data: {
onChange?: (_data: {
checked: boolean;
value?: string;
event: React.MouseEvent | React.KeyboardEvent;
app/components/ContextMenuItem.tsx
+1 -1
View File
@@ -9,7 +9,7 @@ interface ContextMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
disabled?: boolean;
className?: string;
onClick?: (
e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>,
_e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>,
) => void;
size?: "small" | "medium" | "large";
}
app/components/Input.tsx
+3 -3
View File
@@ -15,9 +15,9 @@ interface InputProps extends Omit<
label?: string;
placeholder?: string;
value?: string;
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
onChange?: (_e: React.ChangeEvent<HTMLInputElement>) => void;
onFocus?: (_e: React.FocusEvent<HTMLInputElement>) => void;
onBlur?: (_e: React.FocusEvent<HTMLInputElement>) => void;
className?: string;
}
app/components/NumberedCard.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ interface NumberedCardProps {
}
const NumberedCard = memo<NumberedCardProps>(
({ number, text, iconShape: _iconShape, iconColor: _iconColor }) => {
({ number, text }) => {
return (
<div className="bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4 sm:p-8 sm:gap-8 sm:flex-row sm:items-center lg:p-8 lg:gap-0 lg:flex-row lg:items-stretch lg:relative lg:h-[238px]">
{/* Section Number - Top right (lg breakpoint) */}
app/components/QuoteBlock.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ interface QuoteBlockProps {
avatarSrc?: string;
id?: string;
fallbackAvatarSrc?: string;
onError?: (error: {
onError?: (_error: {
type: string;
message: string;
author?: string;
app/components/RadioButton.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ interface RadioButtonProps {
state?: "default" | "hover" | "focus";
disabled?: boolean;
label?: string;
onChange?: (data: { checked: boolean; value?: string }) => void;
onChange?: (_data: { checked: boolean; value?: string }) => void;
id?: string;
name?: string;
value?: string;
app/components/RadioGroup.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ interface RadioOption {
interface RadioGroupProps {
name?: string;
value?: string;
onChange?: (data: { value: string }) => void;
onChange?: (_data: { value: string }) => void;
mode?: "standard" | "inverse";
state?: "default" | "hover" | "focus";
disabled?: boolean;
app/components/RuleCard.tsx
+4 -4
View File
@@ -14,12 +14,12 @@ interface RuleCardProps {
declare global {
interface Window {
gtag?: (
command: string,
eventName: string,
params?: Record<string, unknown>,
_command: string,
_eventName: string,
_params?: Record<string, unknown>,
) => void;
analytics?: {
track: (eventName: string, params?: Record<string, unknown>) => void;
track: (_eventName: string, _params?: Record<string, unknown>) => void;
};
}
}
app/components/RuleStack.tsx
+4 -4
View File
@@ -13,12 +13,12 @@ interface RuleStackProps {
declare global {
interface Window {
gtag?: (
command: string,
eventName: string,
params?: Record<string, unknown>,
_command: string,
_eventName: string,
_params?: Record<string, unknown>,
) => void;
analytics?: {
track: (eventName: string, params?: Record<string, unknown>) => void;
track: (_eventName: string, _params?: Record<string, unknown>) => void;
};
}
}
app/components/Select.tsx
+3 -2
View File
@@ -33,7 +33,7 @@ interface SelectProps {
className?: string;
children?: React.ReactNode;
value?: string;
onChange?: (data: { target: { value: string; text: string } }) => void;
onChange?: (_data: { target: { value: string; text: string } }) => void;
options?: SelectOptionData[];
}
@@ -115,10 +115,11 @@ const Select = forwardRef<HTMLButtonElement, SelectProps>(
const baseStyles = "w-full";
switch (size) {
case "small":
case "small": {
const smallHeight =
labelVariant === "horizontal" ? "h-[30px]" : "h-[32px]";
return `${baseStyles} ${smallHeight} pl-[12px] pr-[36px] py-[8px] text-[10px] leading-[14px]`;
}
case "medium":
return `${baseStyles} h-[36px] pl-[12px] pr-[36px] py-[8px] text-[14px] leading-[20px]`;
case "large":
app/components/SelectOption.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ interface SelectOptionProps {
disabled?: boolean;
className?: string;
onClick?: (
e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>,
_e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>,
) => void;
size?: "small" | "medium" | "large";
}
app/components/Switch.tsx
+3 -3
View File
@@ -6,12 +6,12 @@ interface SwitchProps extends Omit<
> {
checked?: boolean;
onChange?: (
e:
_e:
| React.MouseEvent<HTMLButtonElement>
| React.KeyboardEvent<HTMLButtonElement>,
) => void;
onFocus?: (e: React.FocusEvent<HTMLButtonElement>) => void;
onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
onFocus?: (_e: React.FocusEvent<HTMLButtonElement>) => void;
onBlur?: (_e: React.FocusEvent<HTMLButtonElement>) => void;
state?: "default" | "hover" | "focus";
label?: string;
className?: string;
app/components/TextArea.tsx
+3 -3
View File
@@ -15,9 +15,9 @@ interface TextAreaProps extends Omit<
label?: string;
placeholder?: string;
value?: string;
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
onChange?: (_e: React.ChangeEvent<HTMLTextAreaElement>) => void;
onFocus?: (_e: React.FocusEvent<HTMLTextAreaElement>) => void;
onBlur?: (_e: React.FocusEvent<HTMLTextAreaElement>) => void;
className?: string;
rows?: number;
}
app/components/Toggle.tsx
+3 -3
View File
@@ -7,12 +7,12 @@ interface ToggleProps extends Omit<
label?: string;
checked?: boolean;
onChange?: (
e:
_e:
| React.MouseEvent<HTMLButtonElement>
| React.KeyboardEvent<HTMLButtonElement>,
) => void;
onFocus?: (e: React.FocusEvent<HTMLButtonElement>) => void;
onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
onFocus?: (_e: React.FocusEvent<HTMLButtonElement>) => void;
onBlur?: (_e: React.FocusEvent<HTMLButtonElement>) => void;
disabled?: boolean;
state?: "default" | "hover" | "focus";
showIcon?: boolean;
app/components/ToggleGroup.tsx
+3 -3
View File
@@ -11,12 +11,12 @@ interface ToggleGroupProps extends Omit<
showText?: boolean;
ariaLabel?: string;
onChange?: (
e:
_e:
| React.MouseEvent<HTMLButtonElement>
| React.KeyboardEvent<HTMLButtonElement>,
) => void;
onFocus?: (e: React.FocusEvent<HTMLButtonElement>) => void;
onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
onFocus?: (_e: React.FocusEvent<HTMLButtonElement>) => void;
onBlur?: (_e: React.FocusEvent<HTMLButtonElement>) => void;
}
const ToggleGroup = memo(
app/hooks/useAnalytics.ts
+8 -8
View File
@@ -28,20 +28,20 @@ interface AnalyticsEvent {
}
interface UseAnalyticsReturn {
trackEvent: (event: AnalyticsEvent) => void;
trackEvent: (_event: AnalyticsEvent) => void;
trackCustomEvent: (
event: string,
data: Record<string, unknown>,
callback?: (data: Record<string, unknown>) => void,
_event: string,
_data: Record<string, unknown>,
_callback?: (_data: Record<string, unknown>) => void,
) => void;
}
declare global {
interface Window {
gtag?: (
command: string,
eventName: string,
params?: Record<string, unknown>,
_command: string,
_eventName: string,
_params?: Record<string, unknown>,
) => void;
}
}
@@ -64,7 +64,7 @@ export function useAnalytics(): UseAnalyticsReturn {
const trackCustomEvent = (
event: string,
data: Record<string, unknown>,
callback?: (data: Record<string, unknown>) => void,
callback?: (_data: Record<string, unknown>) => void,
) => {
// Execute custom callback if provided
if (callback) {
app/hooks/useClickOutside.ts
+1 -1
View File
@@ -19,7 +19,7 @@ import { useEffect, RefObject } from "react";
*/
export function useClickOutside(
refs: Array<RefObject<HTMLElement>>,
handler: (event: MouseEvent | TouchEvent) => void,
handler: (_event: MouseEvent | TouchEvent) => void,
enabled: boolean = true,
): void {
useEffect(() => {
app/hooks/useComponentStyles.ts
+1 -1
View File
@@ -24,7 +24,7 @@ export interface UseComponentStylesOptions {
error?: boolean;
sizeStyles: SizeStyleConfig;
stateStyles: StateStyleConfig;
getStateStyles?: (params: {
getStateStyles?: (_params: {
state?: string;
disabled: boolean;
error: boolean;
app/hooks/useFormField.ts
+6 -6
View File
@@ -19,15 +19,15 @@ import { useCallback } from "react";
* ```
*/
interface FormFieldHandlers<T = HTMLElement> {
onChange?: (e: React.ChangeEvent<T>) => void;
onFocus?: (e: React.FocusEvent<T>) => void;
onBlur?: (e: React.FocusEvent<T>) => void;
onChange?: (_e: React.ChangeEvent<T>) => void;
onFocus?: (_e: React.FocusEvent<T>) => void;
onBlur?: (_e: React.FocusEvent<T>) => void;
}
interface UseFormFieldReturn<T = HTMLElement> {
handleChange: (e: React.ChangeEvent<T>) => void;
handleFocus: (e: React.FocusEvent<T>) => void;
handleBlur: (e: React.FocusEvent<T>) => void;
handleChange: (_e: React.ChangeEvent<T>) => void;
handleFocus: (_e: React.FocusEvent<T>) => void;
handleBlur: (_e: React.FocusEvent<T>) => void;
}
export function useFormField<T extends HTMLElement = HTMLElement>(
app/hooks/useFormValidation.ts
+1 -1
View File
@@ -3,7 +3,7 @@ import { useState, useCallback, useMemo } from "react";
/**
* Validation rule function type
*/
export type ValidationRule<T = string> = (value: T) => string | null;
export type ValidationRule<T = string> = (_value: T) => string | null;
/**
* Validation rules for common patterns
app/hooks/useMediaQuery.ts
+2
View File
@@ -51,6 +51,8 @@ export function useMediaQuery(
}
const media = window.matchMedia(mediaQuery);
// Initialize matches synchronously - this is safe for media queries
// eslint-disable-next-line react-hooks/rules-of-hooks
setMatches(media.matches);
// Create listener for changes
eslint.config.mjs
+65
View File
@@ -7,6 +7,8 @@ import tseslint from "@typescript-eslint/eslint-plugin";
import tsparser from "@typescript-eslint/parser";
import nextPlugin from "@next/eslint-plugin-next";
import globals from "globals";
import react from "eslint-plugin-react";
import reactHooks from "eslint-plugin-react-hooks";
const eslintConfig = [
// Base JavaScript recommended rules
@@ -38,6 +40,7 @@ const eslintConfig = [
...globals.node,
...globals.browser,
...globals.es2021,
React: "readonly",
},
parserOptions: {
ecmaFeatures: {
@@ -45,6 +48,21 @@ const eslintConfig = [
},
},
},
plugins: {
react,
"react-hooks": reactHooks,
},
settings: {
react: {
version: "detect",
},
},
rules: {
...react.configs.recommended.rules,
...reactHooks.configs.recommended.rules,
"react/react-in-jsx-scope": "off", // React 19 doesn't require React import
"react/prop-types": "off", // Using TypeScript for prop validation
},
},
// TypeScript files configuration
{
@@ -55,6 +73,8 @@ const eslintConfig = [
...globals.node,
...globals.browser,
...globals.es2021,
React: "readonly",
process: "readonly",
},
parserOptions: {
ecmaVersion: "latest",
@@ -68,13 +88,33 @@ const eslintConfig = [
plugins: {
"@typescript-eslint": tseslint,
"@next/next": nextPlugin,
react,
"react-hooks": reactHooks,
},
settings: {
react: {
version: "detect",
},
},
rules: {
...react.configs.recommended.rules,
...reactHooks.configs.recommended.rules,
"react/react-in-jsx-scope": "off", // React 19 doesn't require React import
"react/prop-types": "off", // Using TypeScript for prop validation
"@typescript-eslint/no-unused-vars": [
"error",
{
argsIgnorePattern: "^_",
varsIgnorePattern: "^_",
caughtErrorsIgnorePattern: "^_",
},
],
"no-unused-vars": [
"error",
{
argsIgnorePattern: "^_",
varsIgnorePattern: "^_",
caughtErrorsIgnorePattern: "^_",
},
],
"@typescript-eslint/no-explicit-any": "warn",
@@ -92,6 +132,31 @@ const eslintConfig = [
"no-console": "warn",
},
},
// Config files - allow Node.js globals
{
files: ["*.config.{js,mjs,ts}", "scripts/**/*.{js,ts}"],
languageOptions: {
globals: {
...globals.node,
process: "readonly",
require: "readonly",
console: "readonly",
__dirname: "readonly",
__filename: "readonly",
module: "readonly",
exports: "readonly",
},
},
},
// Storybook files - disable React hooks rules (render functions are called by Storybook)
// This must come AFTER the general rules to override them
{
files: ["**/*.stories.{js,jsx,ts,tsx}"],
rules: {
"react-hooks/rules-of-hooks": "off",
"react-hooks/exhaustive-deps": "off",
},
},
];
export default eslintConfig;
next.config.mjs
+1
View File
@@ -1,5 +1,6 @@
import createMDX from "@next/mdx";
/* eslint-env node */
/** @type {import('next').NextConfig} */
const nextConfig = {
// Performance optimizations
package.json
+1 -1
View File
@@ -6,7 +6,7 @@
"dev": "next dev --turbopack",
"build": "next build",
"start": "next start",
"lint": "eslint . --ext .js,.jsx,.ts,.tsx",
"lint": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 9999",
"postinstall": "npm rebuild lightningcss",
"storybook": "storybook dev -p 6006",
"storybook:local": "storybook dev -p 6006",
scripts/performance-monitor.js
+2 -3
View File
@@ -5,7 +5,6 @@
* Monitors Core Web Vitals and performance metrics
*/
const { execSync } = require("child_process");
const fs = require("fs");
const path = require("path");
@@ -67,7 +66,7 @@ class PerformanceMonitor {
execSync("curl -s http://localhost:3000 > /dev/null", {
stdio: "pipe",
});
} catch (error) {
} catch {
console.warn(
"⚠️ Development server not running, skipping Lighthouse CI...",
);
@@ -82,7 +81,7 @@ class PerformanceMonitor {
// Parse Lighthouse results
await this.parseLighthouseResults();
} catch (error) {
} catch {
console.warn("⚠️ Lighthouse CI failed, continuing with other metrics...");
}
}
scripts/test-performance.js
+1 -1
View File
@@ -202,7 +202,7 @@ class PerformanceTester {
execSync("curl -s http://localhost:3000 > /dev/null", {
stdio: "pipe",
});
} catch (error) {
} catch {
console.warn(
"⚠️ Development server not running, skipping Lighthouse CI...",
);
stories/Button.stories.js
+16 -16
View File
@@ -54,25 +54,25 @@ export const Variants = {
children: "Button",
size: "large",
},
render: (args) => (
render: (_args) => (
<div className="space-y-4">
<div className="space-x-4">
<Button {...args} variant="default">
<Button {..._args} variant="default">
Default
</Button>
<Button {...args} variant="secondary">
<Button {..._args} variant="secondary">
Secondary
</Button>
<Button {...args} variant="primary">
<Button {..._args} variant="primary">
Primary
</Button>
<Button {...args} variant="outlined">
<Button {..._args} variant="outlined">
Outlined
</Button>
<Button {...args} variant="dark">
<Button {..._args} variant="dark">
Dark
</Button>
<Button {...args} variant="inverse">
<Button {..._args} variant="inverse">
Inverse
</Button>
</div>
@@ -92,22 +92,22 @@ export const Sizes = {
children: "Button",
variant: "default",
},
render: (args) => (
render: (_args) => (
<div className="space-y-4">
<div className="space-x-4">
<Button {...args} size="xsmall">
<Button {..._args} size="xsmall">
XSmall
</Button>
<Button {...args} size="small">
<Button {..._args} size="small">
Small
</Button>
<Button {...args} size="medium">
<Button {..._args} size="medium">
Medium
</Button>
<Button {...args} size="large">
<Button {..._args} size="large">
Large
</Button>
<Button {...args} size="xlarge">
<Button {..._args} size="xlarge">
XLarge
</Button>
</div>
@@ -128,11 +128,11 @@ export const States = {
size: "large",
variant: "default",
},
render: (args) => (
render: (_args) => (
<div className="space-y-4">
<div className="space-x-4">
<Button {...args}>Normal</Button>
<Button {...args} disabled>
<Button {..._args}>Normal</Button>
<Button {..._args} disabled>
Disabled
</Button>
</div>
stories/Checkbox.stories.js
-3
View File
@@ -5,9 +5,6 @@ import {
CheckedInteraction,
StandardInteraction,
InverseInteraction,
KeyboardInteraction,
AccessibilityInteraction,
FormIntegration,
} from "../tests/storybook/Checkbox.interactions.test";
export default {
stories/ErrorBoundary.stories.js
+19
View File
@@ -19,3 +19,22 @@ export default {
},
},
};
export const Default = {
args: {
children: <div>Normal content</div>,
},
};
export const WithError = {
render: () => {
const ThrowError = () => {
throw new Error("Test error for ErrorBoundary");
};
return (
<ErrorBoundary>
<ThrowError />
</ErrorBoundary>
);
},
};
stories/RadioButton.stories.js
-3
View File
@@ -5,9 +5,6 @@ import {
CheckedInteraction,
StandardInteraction,
InverseInteraction,
KeyboardInteraction,
AccessibilityInteraction,
FormIntegration,
} from "../tests/storybook/RadioButton.interactions.test";
const meta = {
stories/RadioGroup.stories.js
-4
View File
@@ -5,10 +5,6 @@ import {
StandardInteraction,
InverseInteraction,
InteractiveInteraction,
KeyboardInteraction,
AccessibilityInteraction,
SingleSelectionInteraction,
FormIntegration,
} from "../tests/storybook/RadioGroup.interactions.test";
const meta = {
stories/RuleCard.stories.js
+2 -1
View File
@@ -57,7 +57,8 @@ export const Default = {
};
export const AllVariants = {
render: (args) => (
// eslint-disable-next-line no-unused-vars
render: (_args) => (
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl">
<RuleCard
title="Consensus clusters"
tests/accessibility/ContextMenu.a11y.test.jsx
+2 -5
View File
@@ -1,7 +1,7 @@
import React from "react";
import { render, screen, waitFor } from "@testing-library/react";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { expect, test, describe, it, vi } from "vitest";
import { expect, describe, it, vi } from "vitest";
import { axe, toHaveNoViolations } from "jest-axe";
import ContextMenu from "../../app/components/ContextMenu";
import ContextMenuItem from "../../app/components/ContextMenuItem";
@@ -39,7 +39,6 @@ describe("ContextMenu Components Accessibility", () => {
});
it("has proper focus management", async () => {
const user = userEvent.setup();
render(
<ContextMenu>
<ContextMenuItem onClick={vi.fn()}>Item 1</ContextMenuItem>
@@ -249,7 +248,6 @@ describe("ContextMenu Components Accessibility", () => {
});
it("maintains proper focus order", async () => {
const user = userEvent.setup();
render(<TestMenu />);
const items = screen.getAllByRole("menuitem");
@@ -340,7 +338,6 @@ describe("ContextMenu Components Accessibility", () => {
});
it("announces selection state changes", async () => {
const user = userEvent.setup();
const { rerender } = render(
<ContextMenuItem onClick={vi.fn()} selected={false}>
Test Item
tests/accessibility/Select.a11y.test.jsx
+1 -2
View File
@@ -1,7 +1,7 @@
import React from "react";
import { render, screen, waitFor } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { expect, test, describe, it, vi } from "vitest";
import { expect, describe, it, vi } from "vitest";
import { axe, toHaveNoViolations } from "jest-axe";
import Select from "../../app/components/Select";
@@ -136,7 +136,6 @@ describe("Select Component Accessibility", () => {
describe("Screen Reader Support", () => {
it("announces selected option", async () => {
const user = userEvent.setup();
render(<Select {...defaultProps} value="option2" />);
const selectButton = screen.getByRole("button");
tests/accessibility/TextArea.a11y.test.jsx
+1 -1
View File
@@ -1,4 +1,4 @@
import { expect, test, describe, it, vi } from "vitest";
import { expect, test, describe, vi } from "vitest";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { axe, toHaveNoViolations } from "jest-axe";
tests/accessibility/Toggle.a11y.test.jsx
+1 -1
View File
@@ -1,4 +1,4 @@
import { expect, test, describe, it, vi } from "vitest";
import { expect, test, describe, vi } from "vitest";
import { render, screen, fireEvent } from "@testing-library/react";
import { axe, toHaveNoViolations } from "jest-axe";
import Toggle from "../../app/components/Toggle";
tests/accessibility/e2e/wcag-compliance.spec.ts
+3 -3
View File
@@ -102,9 +102,9 @@ test.describe("Accessibility Testing", () => {
// Test Enter key activation
await page.keyboard.press("Enter");
await page.waitForTimeout(100); // Brief pause to see if action occurs
} catch (error) {
} catch (_error) {
// If focus fails, skip this button
console.log(`Could not focus button ${i}: ${error.message}`);
console.log(`Could not focus button ${i}: ${_error.message}`);
continue;
}
}
@@ -332,7 +332,7 @@ test.describe("Accessibility Testing", () => {
// Page should handle errors gracefully
await expect(page.locator("body")).toBeVisible();
} catch (error) {
} catch (_error) {
// If reload fails, that's also acceptable - page should handle errors gracefully
await expect(page.locator("body")).toBeVisible();
}
tests/accessibility/unit/RadioButton.a11y.test.jsx
-1
View File
@@ -168,7 +168,6 @@ describe("RadioButton Accessibility", () => {
});
it("maintains focus management", async () => {
const user = userEvent.setup();
const handleChange = vi.fn();
const { rerender } = render(
tests/accessibility/unit/RadioGroup.a11y.test.jsx
-1
View File
@@ -227,7 +227,6 @@ describe("RadioGroup Accessibility", () => {
});
it("maintains focus management", async () => {
const user = userEvent.setup();
const handleChange = vi.fn();
const { rerender } = render(
tests/accessibility/unit/components.test.jsx
+5 -5
View File
@@ -39,9 +39,9 @@ describe("Accessibility - Component Level", () => {
// Check for proper heading structure (optional for header components)
try {
const headings = screen.getAllByRole("heading");
screen.getAllByRole("heading");
// Headings are not required in header components, so this is optional
} catch (error) {
} catch {
// No headings found, which is fine for a header component
}
});
@@ -119,10 +119,10 @@ describe("Accessibility - Component Level", () => {
try {
element.focus();
expect(element).toHaveFocus();
} catch (error) {
} catch {
// Some elements might not be focusable in test environment
// This is acceptable for accessibility testing
console.log(`Could not focus element: ${error.message}`);
// Intentionally ignore focus failures in JSDOM
}
});
});
@@ -144,7 +144,7 @@ describe("Accessibility - Component Level", () => {
let headings;
try {
headings = screen.getAllByRole("heading");
} catch (error) {
} catch {
// No headings found, which is fine for a header component
return;
}
tests/e2e/ContentPageRendering.e2e.test.jsx
-21
View File
@@ -33,27 +33,6 @@ const mockBlogPost = {
"<p>This is the main content of the test article.</p><p>It has multiple paragraphs.</p>",
};
const mockRelatedPosts = [
{
slug: "related-article-1",
frontmatter: {
title: "Related Article 1",
description: "First related article",
author: "Test Author",
date: "2025-04-14",
},
},
{
slug: "related-article-2",
frontmatter: {
title: "Related Article 2",
description: "Second related article",
author: "Test Author",
date: "2025-04-13",
},
},
];
describe("Content Page Rendering E2E", () => {
beforeEach(() => {
vi.clearAllMocks();
tests/e2e/LogoNavigation.e2e.test.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import { describe, it, expect, vi, beforeEach } from "vitest";
import { render, screen, fireEvent } from "@testing-library/react";
import { render, screen } from "@testing-library/react";
import Logo from "../../app/components/Logo";
// Mock Next.js Link component
tests/e2e/edge-cases.spec.ts
+1 -1
View File
@@ -239,7 +239,7 @@ test.describe("Edge Cases and Error Scenarios", () => {
// Trigger a harmless error
try {
throw new Error("Test error");
} catch (e) {
} catch (_e) {
// Error handled
}
tests/integration/Checkbox.integration.test.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { render, screen, fireEvent, waitFor } from "@testing-library/react";
import { render, screen } from "@testing-library/react";
import { expect, test, describe, vi } from "vitest";
import userEvent from "@testing-library/user-event";
import Checkbox from "../../app/components/Checkbox";
tests/integration/ContentLockup.integration.test.jsx
+1 -2
View File
@@ -1,6 +1,5 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import { describe, test, expect, afterEach } from "vitest";
import ContentLockup from "../../app/components/ContentLockup";
afterEach(() => {
tests/integration/ContextMenu.integration.test.jsx
+3 -8
View File
@@ -1,7 +1,7 @@
import React, { useState } from "react";
import { render, screen, waitFor } from "@testing-library/react";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { expect, test, describe, it, vi } from "vitest";
import { expect, describe, it, vi } from "vitest";
import ContextMenu from "../../app/components/ContextMenu";
import ContextMenuItem from "../../app/components/ContextMenuItem";
import ContextMenuSection from "../../app/components/ContextMenuSection";
@@ -77,7 +77,6 @@ describe("ContextMenu Components Integration", () => {
it("shows submenu indicators correctly", () => {
render(<TestMenu onItemClick={vi.fn()} selectedValue="" />);
const setting1 = screen.getByText("Setting 1");
const arrow = screen
.getByRole("menuitem", { name: "Setting 1" })
.querySelector("svg");
@@ -87,7 +86,6 @@ describe("ContextMenu Components Integration", () => {
describe("Keyboard Navigation", () => {
it("navigates through menu items with arrow keys", async () => {
const user = userEvent.setup();
render(<TestMenu onItemClick={vi.fn()} selectedValue="" />);
const items = screen.getAllByRole("menuitem");
@@ -137,7 +135,6 @@ describe("ContextMenu Components Integration", () => {
});
it("skips disabled items during navigation", async () => {
const user = userEvent.setup();
render(<TestMenu onItemClick={vi.fn()} selectedValue="" />);
const items = screen.getAllByRole("menuitem");
@@ -153,7 +150,7 @@ describe("ContextMenu Components Integration", () => {
describe("Dynamic Menu Updates", () => {
const DynamicMenu = ({ items, selectedValue, onItemClick }) => (
<ContextMenu>
{items.map((item, index) => (
{items.map((item) => (
<ContextMenuItem
key={item.id}
onClick={() => onItemClick(item.id)}
@@ -301,7 +298,6 @@ describe("ContextMenu Components Integration", () => {
describe("Performance", () => {
it("handles large menu lists efficiently", async () => {
const user = userEvent.setup();
const largeItems = Array.from({ length: 100 }, (_, i) => ({
id: `item${i}`,
label: `Item ${i}`,
@@ -329,7 +325,6 @@ describe("ContextMenu Components Integration", () => {
});
it("handles rapid state changes", async () => {
const user = userEvent.setup();
const { rerender } = render(
<ContextMenu>
<ContextMenuItem onClick={vi.fn()} selected={false}>
tests/integration/Input.integration.test.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React, { useState } from "react";
import { render, screen, fireEvent, waitFor } from "@testing-library/react";
import { render, screen, fireEvent } from "@testing-library/react";
import { expect, test, describe, vi } from "vitest";
import Input from "../../app/components/Input";
tests/integration/RadioButton.integration.test.jsx
-2
View File
@@ -35,7 +35,6 @@ describe("RadioButton Integration", () => {
render(<TestForm />);
const option1 = screen.getByText("Option 1").closest("label");
const option2 = screen.getByText("Option 2").closest("label");
const submitButton = screen.getByRole("button");
@@ -55,7 +54,6 @@ describe("RadioButton Integration", () => {
it("handles keyboard navigation", async () => {
const user = userEvent.setup();
const handleChange = vi.fn();
function KeyboardForm() {
const [value, setValue] = useState("option1");
tests/integration/RadioGroup.integration.test.jsx
-1
View File
@@ -52,7 +52,6 @@ describe("RadioGroup Integration", () => {
it("handles keyboard navigation", async () => {
const user = userEvent.setup();
const handleChange = vi.fn();
function KeyboardForm() {
const [value, setValue] = useState("option1");
tests/integration/RelatedArticles.integration.test.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import { describe, it, expect, vi, beforeEach } from "vitest";
import { render, screen, fireEvent, waitFor } from "@testing-library/react";
import { render, screen } from "@testing-library/react";
import RelatedArticles from "../../app/components/RelatedArticles";
// Mock ContentThumbnailTemplate
tests/integration/Select.integration.test.jsx
+1 -1
View File
@@ -1,7 +1,7 @@
import React, { useState } from "react";
import { render, screen, waitFor } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { expect, test, describe, it, vi } from "vitest";
import { expect, describe, it } from "vitest";
import Select from "../../app/components/Select";
describe("Select Component Integration", () => {
tests/integration/Switch.integration.test.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from "react";
import { render, screen, fireEvent, waitFor } from "@testing-library/react";
import { render, screen, waitFor } from "@testing-library/react";
import { describe, it, expect, vi } from "vitest";
import userEvent from "@testing-library/user-event";
import Switch from "../../app/components/Switch";
tests/integration/TextArea.integration.test.jsx
+2 -2
View File
@@ -1,6 +1,6 @@
import React from "react";
import { expect, test, describe, it, vi } from "vitest";
import { render, screen, fireEvent } from "@testing-library/react";
import { expect, test, describe, vi } from "vitest";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import TextArea from "../../app/components/TextArea";
tests/integration/Toggle.integration.test.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from "react";
import { expect, test, describe, it, vi } from "vitest";
import { expect, test, describe, vi } from "vitest";
import { render, screen, fireEvent } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import Toggle from "../../app/components/Toggle";
tests/integration/ToggleGroup.integration.test.jsx
+2 -2
View File
@@ -120,7 +120,7 @@ describe("ToggleGroup Integration", () => {
});
it("handles state changes", async () => {
const { rerender } = render(<TestForm />);
render(<TestForm />);
const toggleGroups = screen.getAllByRole("button");
// Initially, left should be selected
@@ -182,7 +182,7 @@ describe("ToggleGroup Integration", () => {
});
it("handles rapid state changes", async () => {
const { rerender } = render(<TestForm />);
render(<TestForm />);
const toggleGroups = screen.getAllByRole("button");
// Rapidly change states
tests/integration/component-interactions.integration.test.jsx
+1 -1
View File
@@ -1,6 +1,6 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import { describe, test, expect, afterEach } from "vitest";
import HeroBanner from "../../app/components/HeroBanner";
import NumberedCards from "../../app/components/NumberedCards";
import RuleStack from "../../app/components/RuleStack";
tests/integration/layout.integration.test.jsx
+1 -1
View File
@@ -1,6 +1,6 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import { describe, test, expect, afterEach } from "vitest";
import Header from "../../app/components/Header";
import Footer from "../../app/components/Footer";
tests/integration/user-journey.integration.test.jsx
-6
View File
@@ -129,7 +129,6 @@ describe("User Journey Integration", () => {
});
test("user explores the process through numbered cards", async () => {
const user = userEvent.setup();
render(<Page />);
// Wait for dynamically imported NumberedCards component
@@ -153,7 +152,6 @@ describe("User Journey Integration", () => {
});
test("user accesses contact information through footer", async () => {
const user = userEvent.setup();
render(
<div>
<Header />
@@ -179,7 +177,6 @@ describe("User Journey Integration", () => {
});
test("user explores features and benefits", async () => {
const user = userEvent.setup();
render(<Page />);
// Wait for dynamically imported FeatureGrid component
@@ -201,7 +198,6 @@ describe("User Journey Integration", () => {
});
test("user interacts with logo wall and social proof", async () => {
const user = userEvent.setup();
render(
<div>
<Page />
@@ -232,7 +228,6 @@ describe("User Journey Integration", () => {
});
test("user completes the full journey from discovery to action", async () => {
const user = userEvent.setup();
render(
<div>
<Header />
@@ -278,7 +273,6 @@ describe("User Journey Integration", () => {
});
test("user can access all navigation options consistently", async () => {
const user = userEvent.setup();
render(
<div>
<Header />
tests/performance/performance-monitor.js
+2 -2
View File
@@ -288,7 +288,7 @@ class WebPerformanceMonitor extends PerformanceMonitor {
/**
* Measure page load performance
*/
async measurePageLoad(url) {
async measurePageLoad() {
return this.measureFunction("page_load", async () => {
const start = performance.now();
@@ -337,7 +337,7 @@ class PlaywrightPerformanceMonitor extends PerformanceMonitor {
// Try to wait for the page to be in a usable state
try {
await this.page.waitForLoadState("domcontentloaded", { timeout: 10000 });
} catch (e) {
} catch {
throw new Error(`Page failed to load: ${error.message}`);
}
} else {
tests/storybook/RadioGroup.interactions.test.js
-1
View File
@@ -164,7 +164,6 @@ export const SingleSelectionInteraction = {
export const FormIntegration = {
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);
const radioGroup = canvas.getByRole("radiogroup");
const radioButtons = canvas.getAllByRole("radio");
// Should have hidden inputs for form submission
tests/storybook/RadioGroup.storybook.test.js
-1
View File
@@ -63,7 +63,6 @@ test.describe("RadioGroup Storybook Tests", () => {
test("interacts with controls", async ({ page }) => {
// Test mode control
await page.selectOption('[data-testid="mode-control"]', "inverse");
const radioGroup = page.locator('[role="radiogroup"]');
const radioButtons = page.locator('[role="radio"]');
// All radio buttons should have inverse styling
tests/unit/BlogPage.test.jsx
+1 -1
View File
@@ -60,7 +60,7 @@ vi.mock("../../app/components/ContentBanner", () => {
vi.mock("../../app/components/RelatedArticles", () => {
return {
default: ({ relatedPosts, currentPostSlug }) => (
default: ({ relatedPosts }) => (
<div data-testid="related-articles">
<h2>Related Articles</h2>
{relatedPosts.map((post) => (
tests/unit/ContextMenu.test.jsx
+2 -2
View File
@@ -1,7 +1,7 @@
import React from "react";
import { render, screen, fireEvent } from "@testing-library/react";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { expect, test, describe, it, vi, beforeEach } from "vitest";
import { expect, describe, it, vi, beforeEach } from "vitest";
import { axe, toHaveNoViolations } from "jest-axe";
import ContextMenu from "../../app/components/ContextMenu";
import ContextMenuItem from "../../app/components/ContextMenuItem";
tests/unit/FeatureGrid.test.jsx
+1 -2
View File
@@ -1,6 +1,5 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import { describe, test, expect, afterEach } from "vitest";
import FeatureGrid from "../../app/components/FeatureGrid";
afterEach(() => {
tests/unit/Footer.test.jsx
-1
View File
@@ -1,6 +1,5 @@
import { describe, test, expect } from "vitest";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import Footer from "../../app/components/Footer";
describe("Footer", () => {
tests/unit/Header.test.jsx
+1 -2
View File
@@ -1,6 +1,5 @@
import { describe, test, expect, vi, beforeEach } from "vitest";
import { describe, test, expect, beforeEach } from "vitest";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import Header, {
navigationItems,
avatarImages,
tests/unit/HeroBanner.test.jsx
+1 -2
View File
@@ -1,6 +1,5 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import { describe, test, expect, afterEach } from "vitest";
import HeroBanner from "../../app/components/HeroBanner";
afterEach(() => {
tests/unit/LogoWall.test.jsx
+1 -2
View File
@@ -1,6 +1,5 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import { describe, test, expect, afterEach } from "vitest";
import LogoWall from "../../app/components/LogoWall";
afterEach(() => {
tests/unit/NumberedCards.test.jsx
+1 -2
View File
@@ -1,6 +1,5 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import { describe, test, expect, afterEach } from "vitest";
import NumberedCards from "../../app/components/NumberedCards";
afterEach(() => {
tests/unit/QuoteBlock.test.jsx
-1
View File
@@ -1,5 +1,4 @@
import { render, screen, cleanup } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { vi, describe, test, expect, afterEach } from "vitest";
import QuoteBlock from "../../app/components/QuoteBlock";
tests/unit/RadioButton.test.jsx
+1 -1
View File
@@ -1,5 +1,5 @@
import React from "react";
import { render, screen, fireEvent } from "@testing-library/react";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { describe, it, expect, vi } from "vitest";
import RadioButton from "../../app/components/RadioButton";
tests/unit/RelatedArticles.test.jsx
+2 -2
View File
@@ -1,5 +1,5 @@
import { describe, it, expect, vi, beforeEach } from "vitest";
import { render, screen, waitFor } from "@testing-library/react";
import { describe, expect, vi, beforeEach, it } from "vitest";
import { render, screen } from "@testing-library/react";
import RelatedArticles from "../../app/components/RelatedArticles";
// Mock Next.js components
tests/unit/Select.test.jsx
+2 -3
View File
@@ -1,7 +1,6 @@
import React from "react";
import { render, screen, fireEvent, waitFor } from "@testing-library/react";
import { render, screen, waitFor } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { expect, test, describe, it, vi } from "vitest";
import { expect, describe, it, vi } from "vitest";
import { axe, toHaveNoViolations } from "jest-axe";
import Select from "../../app/components/Select";
tests/unit/Switch.test.jsx
-1
View File
@@ -1,4 +1,3 @@
import React from "react";
import { render, screen, fireEvent } from "@testing-library/react";
import { describe, it, expect, vi } from "vitest";
import Switch from "../../app/components/Switch";
tests/unit/TextArea.test.jsx
+1 -1
View File
@@ -1,4 +1,4 @@
import { expect, test, describe, it, vi } from "vitest";
import { expect, test, describe, vi } from "vitest";
import { render, screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import TextArea from "../../app/components/TextArea";
tests/unit/Toggle.test.jsx
+1 -1
View File
@@ -1,4 +1,4 @@
import { expect, test, describe, it, vi } from "vitest";
import { expect, test, describe, vi } from "vitest";
import { render, screen, fireEvent } from "@testing-library/react";
import Toggle from "../../app/components/Toggle";
tests/unit/ToggleGroup.test.jsx
-1
View File
@@ -1,4 +1,3 @@
import React from "react";
import { render, screen, fireEvent } from "@testing-library/react";
import { describe, it, expect, vi } from "vitest";
import ToggleGroup from "../../app/components/ToggleGroup";
tests/unit/hooks/useClickOutside.test.jsx
+2 -2
View File
@@ -4,7 +4,7 @@ import { useClickOutside } from "../../../app/hooks/useClickOutside";
import { useRef } from "react";
describe("useClickOutside", () => {
let handler: ReturnType<typeof vi.fn>;
let handler;
beforeEach(() => {
handler = vi.fn();
@@ -55,7 +55,7 @@ describe("useClickOutside", () => {
});
test("does not call handler when disabled", () => {
const { result } = renderHook(() => {
renderHook(() => {
const ref = useRef(null);
useClickOutside([ref], handler, false);
return ref;
vitest.config.mjs
+1 -5
View File
@@ -1,9 +1,5 @@
import { defineConfig } from "vitest/config";
import react from "@vitejs/plugin-react";
import path from "path";
import { fileURLToPath } from "url";
const __dirname = path.dirname(fileURLToPath(import.meta.url));
export default defineConfig({
plugins: [
@@ -64,7 +60,7 @@ export default defineConfig({
],
thresholds: { lines: 50, functions: 50, statements: 50, branches: 50 },
// Disable coverage collection in CI to prevent test failures
enabled: !process.env.CI,
enabled: !(typeof process !== "undefined" && process.env.CI),
},
pool: "threads", // Use threads for better performance
testTimeout: 60000, // 60s timeout for all tests