Files
twenty/packages/twenty-eslint-rules/rules/component-props-naming.spec.ts
T
Félix Malfait c737028dd6 Move tools/eslint-rules to packages/twenty-eslint-rules (#17203)
## Summary

Moves the custom ESLint rules from `tools/eslint-rules` to
`packages/twenty-eslint-rules` for better organization within the
monorepo packages structure.

## Changes

- Move `eslint-rules` from `tools/` to `packages/twenty-eslint-rules`
- Use `loadWorkspaceRules` from `@nx/eslint-plugin` to load custom rules
- Update all ESLint configs to use the `twenty/` rule prefix instead of
`@nx/workspace-`
- Update `project.json`, `jest.config.mjs` with new paths
- Update `package.json` workspaces and `nx.json` cache inputs
- Update Dockerfile reference

## Technical Details

The custom ESLint rules are now loaded using Nx's `loadWorkspaceRules`
utility which:
- Handles TypeScript transpilation automatically
- Allows loading workspace rules from any directory
- Provides a cleaner approach than the previous `@nx/workspace-`
convention

## Testing

- Verified all 17 custom ESLint rules load correctly from the new
location
- Verified linting works on dependent packages (twenty-front,
twenty-server, etc.)
2026-01-17 07:37:17 +01:00

46 lines
1.2 KiB
TypeScript

import { TSESLint } from '@typescript-eslint/utils';
import { rule, RULE_NAME } from './component-props-naming';
const ruleTester = new TSESLint.RuleTester({
parser: require.resolve('@typescript-eslint/parser'),
parserOptions: {
ecmaFeatures: {
jsx: true,
},
},
});
ruleTester.run(RULE_NAME, rule, {
valid: [
{
code: 'export const MyComponent= (props: MyComponentProps) => <div>{props.message}</div>;',
},
{
code: 'export const MyComponent = ({ message }: MyComponentProps) => <div>{message}</div>;',
},
],
invalid: [
{
code: 'export const MyComponent = (props: OwnProps) => <div>{props.message}</div>;',
errors: [
{
messageId: 'invalidPropsTypeName',
},
],
output:
'export const MyComponent = (props: MyComponentProps) => <div>{props.message}</div>;',
},
{
code: 'export const MyComponent = ({ message }: OwnProps) => <div>{message}</div>;',
errors: [
{
messageId: 'invalidPropsTypeName',
},
],
output:
'export const MyComponent = ({ message }: MyComponentProps) => <div>{message}</div>;',
},
],
});