feat: invalid-react-selector in /react ruleset

[codejedi365]

Feature Request

Create a rule that throws an error when using ReactSelector() on a selector string which will result in a null as part of the /react ruleset.

Problem & Goal

testcafe-react-selectors has a known limitation where selecting root components start at the root React component to look down the component tree. This means invalid selectors that reference html outside of the base react component like body prior to the react component name will return null even if the React component name exists.

Throw an error stating this selector will likely return null and should only start with the react component. Alternatives should be provided as well to identify other valid selector methods.

Expected behavior

// page.test.js -- invalid code
import { ReactSelector } from "testcafe-react-selectors";

test("my react component", async (t) => {
  const myComponent = ReactSelector("body MyComponent");
  await t.expect(myComponent.exists).ok();
});

eslint ./page.test.js

Should throw an error on line 5, highlighting ReactSelector() providing a message that this will likely return null.