Bump eslint-plugin-mocha to ^10.3.0 (mui#41161)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: siriwatknp <[email protected]>

package.json

@@ -150,7 +150,7 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-material-ui": "workspace:^",
-    "eslint-plugin-mocha": "^10.2.0",
+    "eslint-plugin-mocha": "^10.3.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "fast-glob": "^3.3.2",

packages/mui-base/src/useAutocomplete/useAutocomplete.test.js

@@ -118,6 +118,7 @@ describe('useAutocomplete', () => {
       let filterOptions;
       let getOptionLabel;
       let options;
+
       beforeEach(() => {
         filterOptions = createFilterOptions({ matchFrom: 'any' });
         getOptionLabel = (option) => option.name;

packages/mui-base/src/useInput/useInput.test.tsx

@@ -7,6 +7,7 @@ import { UseInputParameters } from './useInput.types';
 
 describe('useInput', () => {
   const { render } = createRenderer();
+
   describe('params: inputRef', () => {
     it('should be able to attach input ref passed through params', () => {
       const inputRef = React.createRef<HTMLInputElement>();

packages/mui-base/src/useList/listReducer.test.ts

@@ -948,6 +948,7 @@ describe('listReducer', () => {
 
     describe('using custom item comparer', () => {
       type ItemType = { v: string };
+
       it('keeps the highlighted value if it is present among the new items', () => {
         const state: ListState<ItemType> = {
           highlightedValue: { v: '1' },

packages/mui-base/src/useList/useList.test.tsx

@@ -6,6 +6,7 @@ import { useList } from './useList';
 
 describe('useList', () => {
   const { render } = createRenderer();
+
   describe('preventing default behavior on keyDown', () => {
     ['ArrowUp', 'ArrowDown', 'Home', 'End', 'PageUp', 'PageDown', 'Enter', ' '].forEach((key) =>
       it(`prevents default behavior when ${key} is pressed in activeDescendant focus management mode`, () => {

packages/mui-base/src/useMenu/useMenu.test.js

@@ -7,6 +7,7 @@ import { useMenu } from './useMenu';
 
 describe('useMenu', () => {
   const { render } = createRenderer();
+
   describe('getListboxProps', () => {
     it('returns props for root slot', () => {
       function TestMenu() {

packages/mui-base/src/useMenuButton/useMenuButton.test.tsx

@@ -16,6 +16,7 @@ const testContext: DropdownContextValue = {
 
 describe('useMenuButton', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestMenuButton() {

packages/mui-base/src/useMenuItem/useMenuItem.test.tsx

@@ -7,6 +7,7 @@ import { useMenuItem } from './useMenuItem';
 
 describe('useMenuItem', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestMenuItem() {

packages/mui-base/src/useSlider/useSlider.test.js

@@ -6,6 +6,7 @@ import { useSlider } from './useSlider';
 
 describe('useSlider', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('forwards external props including event handlers', () => {
       const rootRef = React.createRef();

packages/mui-base/src/useTab/useTab.test.tsx

@@ -8,6 +8,7 @@ import { useTab } from './useTab';
 
 describe('useTab', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestTab() {

packages/mui-base/src/useTabPanel/useTabPanel.test.js

@@ -9,6 +9,7 @@ import { useTabPanel } from './useTabPanel';
 
 describe('useTabPanel', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       const rootRef = React.createRef();

packages/mui-base/src/useTabsList/useTabsList.test.tsx

@@ -7,6 +7,7 @@ import { useTabsList } from './useTabsList';
 
 describe('useTabsList', () => {
   const { render } = createRenderer();
+
   describe('getRootProps', () => {
     it('returns props for root slot', () => {
       function TestTabsList() {

packages/mui-base/src/utils/prepareForSlot.test.tsx

@@ -6,6 +6,7 @@ import { prepareForSlot } from './prepareForSlot';
 
 describe('prepareForSlot', () => {
   const { render } = createRenderer();
+
   it('should not warn about ownerState', () => {
     const ThirdPartyComponent = React.forwardRef<HTMLButtonElement>((props, ref) => {
       // @ts-ignore just double checking that it is not defined

packages/mui-codemod/src/v5.0.0/jss-to-styled.test.js

@@ -24,6 +24,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-styled.test/Anonymous.expected.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       describe('first', () => {
         it('transforms as needed', () => {
           const actual = transform(
@@ -534,6 +535,7 @@ describe('@mui/codemod', () => {
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
     });
+
     describe('bugs - #28317 export class declaration', () => {
       it('transforms as needed', () => {
         const actual = transform(

packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test.js

@@ -25,6 +25,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-material-ui-core-styles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('should be idempotent', () => {
         const actual = transform(
           {
@@ -40,6 +41,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-material-ui-core-styles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms @material-ui/core makeStyles to use tss-react', () => {
         const actual = transform(
           {
@@ -53,6 +55,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-material-ui-core.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('adds todo comments for scenarios that are not supported', () => {
         const actual = transform(
           {
@@ -66,6 +69,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-todo-comments.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms makeStyles with style rules returned by function to use tss-react', () => {
         const actual = transform(
           {
@@ -79,6 +83,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-mixins-pattern.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms @mui/styles makeStyles to use tss-react', () => {
         const actual = transform(
           {
@@ -92,6 +97,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-mui-styles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms @mui/styles/makeStyles to use tss-react', () => {
         const actual = transform(
           {
@@ -105,6 +111,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-from-mui-styles-makeStyles.js');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms typescript makeStyles with nested selectors to use tss-react', () => {
         const actual = transform(
           {
@@ -118,6 +125,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-typescript.tsx');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms typescript makeStyles example in docs to use tss-react', () => {
         const actual = transform(
           {
@@ -131,6 +139,7 @@ describe('@mui/codemod', () => {
         const expected = read('./jss-to-tss-react.test/expected-typescript-docs-example.tsx');
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms typescript makeStyles advanced example in docs with params to use tss-react', () => {
         const actual = transform(
           {
@@ -148,6 +157,7 @@ describe('@mui/codemod', () => {
         );
         expect(actual).to.equal(expected, 'The transformed version should be correct');
       });
+
       it('transforms withStyles to use tss-react', () => {
         const actual = transform(
           {

packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx

@@ -1323,6 +1323,7 @@ describe('Joy <Autocomplete />', () => {
       checkHighlightIs(autocompleteListbox, 'six');
       expect(autocompleteListbox.scrollTop).to.greaterThan(0);
     });
+
     it('should keep focus on selected option and not reset to top option when options updated', () => {
       const { setProps } = render(<Autocomplete open options={['one', 'two']} autoFocus />);
       const textbox = screen.getByRole('combobox');

packages/mui-joy/src/Button/Button.test.tsx

@@ -112,12 +112,14 @@ describe('Joy <Button />', () => {
       const button = getByRole('button');
       expect(button).to.have.property('disabled', true);
     });
+
     it('should disable button when loading is true and disabled is false', () => {
       const { getByRole } = render(<Button loading disabled={false} />);
 
       const button = getByRole('button');
       expect(button).to.have.property('disabled', true);
     });
+
     it('should disable button when loading is false and disabled is true', () => {
       const { getByRole } = render(<Button loading={false} disabled />);
 

packages/mui-joy/src/Checkbox/Checkbox.test.tsx

@@ -142,6 +142,7 @@ describe('<Checkbox />', () => {
       const { getByTestId } = render(<Checkbox indeterminate checked />);
       expect(getByTestId('HorizontalRuleIcon')).not.to.equal(null);
     });
+
     it('should render checked icon', () => {
       const { getByTestId } = render(<Checkbox checked />);
       expect(getByTestId('CheckIcon')).not.to.equal(null);
@@ -151,6 +152,7 @@ describe('<Checkbox />', () => {
       const { getByTestId } = render(<Checkbox uncheckedIcon={<CloseIcon />} />);
       expect(getByTestId('CloseIcon')).not.to.equal(null);
     });
+
     it('should not render icon', () => {
       const { queryByTestId } = render(
         <Checkbox disableIcon checked indeterminate uncheckedIcon={<CloseIcon />} />,

packages/mui-joy/src/ChipDelete/ChipDelete.test.tsx

@@ -74,6 +74,7 @@ describe('<ChipDelete />', () => {
       expect(getByRole('button')).to.have.class(classes.colorNeutral);
     });
   });
+
   describe('Chip onDelete', () => {
     it('should call onDelete function when backspace, enter or delete is pressed', () => {
       const handleDelete = spy();

packages/mui-joy/src/List/List.test.tsx

@@ -102,6 +102,7 @@ describe('Joy <List />', () => {
   describe('Menu - integration', () => {
     const element = document.createElement('div');
     element.setAttribute('aria-controls', 'test');
+
     it('should have role="group" inside Menu', () => {
       render(
         <Menu open anchorEl={() => element}>

packages/mui-joy/src/colorInversion/colorInversionUtils.test.tsx

@@ -7,6 +7,7 @@ import { applySoftInversion, applySolidInversion } from '@mui/joy/colorInversion
 
 describe('colorInversionUtil', () => {
   const { render } = createRenderer();
+
   it('should not throw error using sx prop', () => {
     expect(() =>
       render(<Box sx={[applySoftInversion('primary'), applySolidInversion('primary')]} />),

packages/mui-joy/src/styles/CssVarsProvider.test.tsx

@@ -7,6 +7,7 @@ describe('[Joy] CssVarsProvider', () => {
   let originalMatchmedia: typeof window.matchMedia;
   const { render } = createRenderer();
   const storage: Record<string, string> = {};
+
   beforeEach(() => {
     originalMatchmedia = window.matchMedia;
     // Create mocks of localStorage getItem and setItem functions
@@ -25,6 +26,7 @@ describe('[Joy] CssVarsProvider', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });

packages/mui-joy/src/styles/ThemeProvider.test.tsx

@@ -6,6 +6,7 @@ import defaultTheme from './defaultTheme';
 
 describe('[Joy] ThemeProvider', () => {
   const { render } = createRenderer();
+
   it('can render component without ThemeProvider', () => {
     function Text() {
       const theme = useTheme();

packages/mui-joy/src/styles/extendTheme.test.js

@@ -104,6 +104,7 @@ describe('extendTheme', () => {
 
     let originalMatchmedia;
     const storage = {};
+
     beforeEach(() => {
       originalMatchmedia = window.matchMedia;
       // Create mocks of localStorage getItem and setItem functions
@@ -121,6 +122,7 @@ describe('extendTheme', () => {
         removeListener: () => {},
       });
     });
+
     afterEach(() => {
       window.matchMedia = originalMatchmedia;
     });

packages/mui-joy/src/styles/styled.test.tsx

@@ -8,6 +8,7 @@ const toPixel = (val: string | number | undefined) => (typeof val === 'number' ?
 
 describe('[Joy] styled', () => {
   const { render } = createRenderer();
+
   it('use defaultTheme given no ThemeProvider', function test() {
     if (/jsdom/.test(window.navigator.userAgent)) {
       this.skip();

packages/mui-material-next/src/ButtonBase/ButtonBase.test.tsx

@@ -51,6 +51,7 @@ describe('<ButtonBase />', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });

packages/mui-material-next/src/ButtonGroup/ButtonGroup.test.tsx

@@ -20,6 +20,7 @@ describe('<ButtonGroup />', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });

packages/mui-material-next/src/Chip/Chip.test.tsx

@@ -34,6 +34,7 @@ describe('<Chip />', () => {
         removeListener: () => {},
       }) as unknown as MediaQueryList;
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });

packages/mui-material-next/src/IconButton/IconButton.test.js

@@ -71,11 +71,13 @@ describe('<IconButton />', () => {
 
       expect(container.firstChild).to.have.class(classes.edgeStart);
     });
+
     it('edge="end" should render the right class', () => {
       const { container } = render(<IconButton edge="end">book</IconButton>);
 
       expect(container.firstChild).to.have.class(classes.edgeEnd);
     });
+
     it('no edge should render the right class', () => {
       const { container } = render(<IconButton>book</IconButton>);
 

packages/mui-material-next/src/OutlinedInput/NotchedOutline.test.js

@@ -54,6 +54,7 @@ describe('<NotchedOutline />', () => {
       paddingRight: '8px',
     });
   });
+
   it('should not set padding (notch) for empty, null or undefined label props', function test() {
     if (/jsdom/.test(window.navigator.userAgent)) {
       this.skip();

packages/mui-material-next/src/Slider/Slider.test.js

@@ -37,6 +37,7 @@ describe('<Slider />', () => {
       removeListener: () => {},
     });
   });
+
   afterEach(() => {
     window.matchMedia = originalMatchmedia;
   });
@@ -724,6 +725,7 @@ describe('<Slider />', () => {
       expect(slider).to.have.attribute('aria-valuenow', String(min));
     });
   });
+
   describe('prop: max', () => {
     it('should set the max and aria-valuemax on the input', () => {
       const max = 750;