eslint-plugin-react-redux/tests/lib/rules/useSelector-prefer-selectors.js

Enforcing best practices for react-redux

const rule = require('../../../lib/rules/useSelector-prefer-selectors');
const RuleTester = require('eslint').RuleTester;
const codeSamples = require('../../code-sanity-samples');
const formatOptions = require('../../util');

const parserOptions = formatOptions({
    ecmaVersion: 2018,
    sourceType: 'module',
});
const ruleTester = new RuleTester(parserOptions);

ruleTester.run('useSelector-prefer-selectors', rule, {
  valid: [
    ...codeSamples,
    'const property = useSelector(xSelector)',
    {
      code: 'const property = useSelector(xSelector)',
      options: [{
        matching: '^.*Selector$',
      }],
    },
    {
      code: 'const property = useSelector(getX)',
      options: [{
        matching: '^get.*$',
      }],
    },
    {
      code: 'const property = useSelector(selector)',
      options: [{
        matching: '^selector$',
      }],
    },
    {
      code: 'const property = useAppSelector(selector)',
      options: [{
        matching: '^selector$',
        hook: 'useAppSelector',
      }],
    },
  ],
  invalid: [{
    code: 'const property = useSelector((state) => state.x)',
    errors: [
      {
        message: 'useSelector should use a named selector function.',
      },
    ],
  }, {
    code: 'const property = useSelector(function(state) { return state.x })',
    errors: [{
      message: 'useSelector should use a named selector function.',
    }],
  }, {
    code: 'const property = useSelector(xSelector)',
    options: [{
      matching: '^get.*$',
    }],
    errors: [{
      message: 'useSelector selector "xSelector" does not match "^get.*$".',
    }],
  }, {
    code: 'const property = useSelector(getX)',
    options: [{
      matching: '^.*Selector$',
    }],
    errors: [{
      message: 'useSelector selector "getX" does not match "^.*Selector$".',
    }],
  }, {
    code: 'const property = useSelector(selectorr)',
    options: [{
      matching: '^selector$',
    }],
    errors: [{
      message: 'useSelector selector "selectorr" does not match "^selector$".',
    }],
  }, {
    code: 'const property = useAppSelector(selectorr)',
    options: [{
      matching: '^selector$',
      hook: ['useSelector', 'useAppSelector'],
    }],
    errors: [{
      message: 'useAppSelector selector "selectorr" does not match "^selector$".',
    }],
  }],
});