aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/radio-group
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/forms/radio-group')
-rw-r--r--src/components/molecules/forms/radio-group/radio-group.fixture.ts (renamed from src/components/molecules/forms/radio-group/radio-group.fixture.tsx)4
-rw-r--r--src/components/molecules/forms/radio-group/radio-group.stories.tsx4
-rw-r--r--src/components/molecules/forms/radio-group/radio-group.test.tsx8
-rw-r--r--src/components/molecules/forms/radio-group/radio-group.tsx9
4 files changed, 13 insertions, 12 deletions
diff --git a/src/components/molecules/forms/radio-group/radio-group.fixture.tsx b/src/components/molecules/forms/radio-group/radio-group.fixture.ts
index f1cbc05..618cde7 100644
--- a/src/components/molecules/forms/radio-group/radio-group.fixture.tsx
+++ b/src/components/molecules/forms/radio-group/radio-group.fixture.ts
@@ -1,6 +1,6 @@
-import { RadioGroupItem } from './radio-group';
+import type { RadioGroupItem } from './radio-group';
-export const getOptions = (name: string = 'group1') => {
+export const getOptions = (name = 'group1') => {
const value1 = 'option1';
const value2 = 'option2';
const value3 = 'option3';
diff --git a/src/components/molecules/forms/radio-group/radio-group.stories.tsx b/src/components/molecules/forms/radio-group/radio-group.stories.tsx
index 8e77c6e..4b92c34 100644
--- a/src/components/molecules/forms/radio-group/radio-group.stories.tsx
+++ b/src/components/molecules/forms/radio-group/radio-group.stories.tsx
@@ -1,8 +1,8 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { type ChangeEventHandler, useCallback, useState } from 'react';
import { Legend } from '../../../atoms';
import { RadioGroup as RadioGroupComponent } from './radio-group';
import { getOptions, initialChoice } from './radio-group.fixture';
-import { ChangeEventHandler, useCallback, useState } from 'react';
/**
* RadioGroup - Storybook Meta
diff --git a/src/components/molecules/forms/radio-group/radio-group.test.tsx b/src/components/molecules/forms/radio-group/radio-group.test.tsx
index ba68925..61f4af6 100644
--- a/src/components/molecules/forms/radio-group/radio-group.test.tsx
+++ b/src/components/molecules/forms/radio-group/radio-group.test.tsx
@@ -1,5 +1,5 @@
import { describe, expect, it } from '@jest/globals';
-import { render, screen } from '../../../../../tests/utils';
+import { render, screen as rtlScreen } from '@testing-library/react';
import { Legend } from '../../../atoms';
import { RadioGroup } from './radio-group';
import { getOptions, initialChoice } from './radio-group.fixture';
@@ -23,7 +23,7 @@ describe('RadioGroup', () => {
);
expect(
- screen.getByRole('radiogroup', { name: legend })
+ rtlScreen.getByRole('radiogroup', { name: legend })
).toBeInTheDocument();
});
@@ -39,7 +39,7 @@ describe('RadioGroup', () => {
/>
);
- expect(screen.getAllByRole('radio')).toHaveLength(options.length);
+ expect(rtlScreen.getAllByRole('radio')).toHaveLength(options.length);
});
it('can render an inlined radio group', () => {
@@ -55,6 +55,6 @@ describe('RadioGroup', () => {
/>
);
- expect(screen.getByRole('radiogroup')).toHaveClass('group--inline');
+ expect(rtlScreen.getByRole('radiogroup')).toHaveClass('group--inline');
});
});
diff --git a/src/components/molecules/forms/radio-group/radio-group.tsx b/src/components/molecules/forms/radio-group/radio-group.tsx
index 0ca4dac..29b719c 100644
--- a/src/components/molecules/forms/radio-group/radio-group.tsx
+++ b/src/components/molecules/forms/radio-group/radio-group.tsx
@@ -1,11 +1,11 @@
-import { ForwardRefRenderFunction, forwardRef } from 'react';
+import { type ForwardRefRenderFunction, forwardRef } from 'react';
import {
Fieldset,
- FieldsetProps,
+ type FieldsetProps,
Label,
- LabelProps,
+ type LabelProps,
Radio,
- RadioProps,
+ type RadioProps,
} from '../../../atoms';
import { LabelledField } from '../labelled-field';
import styles from './radio-group.module.scss';
@@ -78,6 +78,7 @@ const RadioGroupWithRef: ForwardRefRenderFunction<
className={groupClass}
isInline={isInline}
ref={ref}
+ // eslint-disable-next-line react/jsx-no-literals -- Role allowed
role="radiogroup"
>
{options.map((option) => (